ColorTool
Giriş yap
#E686EE

#e686ee ≈ Violet

  • macenta
  • Açıklık: yüksek
  • Doygunluk: orta
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#e686ee, “macenta” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %90,2 kırmızı, %52,55 yeşil ve %93,33 maviden oluşur; CMYK baskıda %3,36 camgöbeği, %43,7 macenta, %0 sarı ve %6,67 siyah kullanır. Ton açısı 295,38°, HSL’de doygunluğu %75,36 ve açıklığı %72,94’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla yaratıcılık, cesaret ve bireysellik ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 9,01:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Violet (#ee82ee), ΔE 1,52.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#ff99ff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.4005

Tamamlayıcı

  1. #e686ee
  2. #8eee86

Bölünmüş tamamlayıcı

  1. #e686ee
  2. #c2ee86
  3. #86eeb2

Komşu

  1. #b286ee
  2. #e686ee
  3. #ee86c2

Üçlü

  1. #e686ee
  2. #eee686
  3. #86eee6

Dörtlü

  1. #e686ee
  2. #ee868e
  3. #8eee86
  4. #86eee6

Kare

  1. #e686ee
  2. #eeb286
  3. #8eee86
  4. #86c2ee

Tek renkli

  1. #b31bc0
  2. #d843e5
  3. #e686ee
  4. #f4c9f7
  5. #fbedfc

Koyu tonlar

#e686ee kademeli olarak siyahla karıştırıldı.

  1. #e686ee
  2. #cf79d6
  3. #b86bbe
  4. #a15ea7
  5. #8a508f
  6. #734377
  7. #5c365f
  8. #452847
  9. #2e1b30
  10. #170d18
  11. #000000

Açık tonlar

#e686ee kademeli olarak beyazla karıştırıldı.

  1. #e686ee
  2. #e992f0
  3. #eb9ef1
  4. #eeaaf3
  5. #f0b6f5
  6. #f3c3f7
  7. #f5cff8
  8. #f8dbfa
  9. #fae7fc
  10. #fdf3fd
  11. #ffffff

Tonlar

#e686ee kademeli olarak griyle karıştırıldı.

  1. #e686ee
  2. #dc85e3
  3. #d285d8
  4. #c784cd
  5. #bd84c2
  6. #b383b7
  7. #a982ac
  8. #9f82a1
  9. #948196
  10. #8a818b
  11. #808080

Okunaklı metin 2.33:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.01:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #aaaaaa Erkeklerin ≈ 0.003% kadarı
Akromatomali #c59dc9 Erkeklerin ≈ 0.001% kadarı
Protanopi #7aa2f2 Erkeklerin ≈ 1.01% kadarı
Döteranopi #95aeeb Erkeklerin ≈ 1.27% kadarı
Tritanopi #ea92af Erkeklerin ≈ 0.0001% kadarı
Protanomali #b098f0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #bb9fec Erkeklerin ≈ 4.63% kadarı
Tritanomali #e88dcb Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e686ee {
  color: #e686ee;
}
Arka plan
.bg-e686ee {
  background-color: #e686ee;
  color: #000000;
}
Kenarlık
.border-e686ee {
  border: 2px solid #e686ee;
}
CSS değişkenleri
:root {
  --color-primary: #e686ee;
  --color-primary-rgb: 230 134 238;
  --color-primary-hsl: 295 75% 73%;
}
Geçiş
.gradient-e686ee {
  background: linear-gradient(135deg, #e686ee, #ee86c2);
}
Renkli gölge
.shadow-e686ee {
  box-shadow: 0 8px 24px rgb(230 134 238 / 0.35);
}

#ee82ee Violet ΔE 1.52 #ff77ff Fuchsia Pink ΔE 4.55 #df73ff Heliotrope ΔE 5.67 #da70d6 Orchid ΔE 5.76 #dda0dd Plum ΔE 8.04 #b57edc Floral Lavender ΔE 8.95 #ff66cc Rose Pink ΔE 9.03 #197911 Ters renk #aaaaaa Gri tonlama 

Violet
#e686ee  rgb(230, 134, 238)  hsl(295, 75%, 73%)  Violet
#8eee86  rgb(142, 238, 134)  hsl(115, 75%, 73%)  Light Green
#eee686  rgb(238, 230, 134)  hsl(55, 75%, 73%)  Khaki
#86eee6  rgb(134, 238, 230)  hsl(175, 75%, 73%)  Electric Blue