ColorTool
Giriş yap
#E396CC

#e396cc ≈ Plum

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

#e396cc, “macenta” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %89,02 kırmızı, %58,82 yeşil ve %80 maviden oluşur; CMYK baskıda %0 camgöbeği, %33,92 macenta, %10,13 sarı ve %10,98 siyah kullanır. Ton açısı 317,92°, HSL’de doygunluğu %57,89 ve açıklığı %73,92’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,5:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Plum (#dda0dd), ΔE 4,51.

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

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

Tamamlayıcı

  1. #e396cc
  2. #96e3ad

Bölünmüş tamamlayıcı

  1. #e396cc
  2. #a5e396
  3. #96e3d3

Komşu

  1. #d396e3
  2. #e396cc
  3. #e396a5

Üçlü

  1. #e396cc
  2. #cce396
  3. #96cce3

Dörtlü

  1. #e396cc
  2. #e3ad96
  3. #96e3ad
  4. #96cce3

Kare

  1. #e396cc
  2. #e3d396
  3. #96e3ad
  4. #96a5e3

Tek renkli

  1. #b12f8a
  2. #d35aaf
  3. #e396cc
  4. #f3d2e9
  5. #fbeff7

Koyu tonlar

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

  1. #e396cc
  2. #cc87b8
  3. #b678a3
  4. #9f698f
  5. #885a7a
  6. #724b66
  7. #5b3c52
  8. #442d3d
  9. #2d1e29
  10. #170f14
  11. #000000

Açık tonlar

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

  1. #e396cc
  2. #e6a1d1
  3. #e9abd6
  4. #ebb6db
  5. #eec0e0
  6. #f1cbe6
  7. #f4d5eb
  8. #f7e0f0
  9. #f9eaf5
  10. #fcf5fa
  11. #ffffff

Tonlar

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

  1. #e396cc
  2. #d994c4
  3. #cf92bd
  4. #c58fb5
  5. #bb8dae
  6. #b28ba6
  7. #a8899e
  8. #9e8797
  9. #94848f
  10. #8a8288
  11. #808080

Okunaklı metin 2.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.5:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #aeaeae Erkeklerin ≈ 0.003% kadarı
Akromatomali #c6a5bb Erkeklerin ≈ 0.001% kadarı
Protanopi #98a7ce Erkeklerin ≈ 1.01% kadarı
Döteranopi #abb3ca Erkeklerin ≈ 1.27% kadarı
Tritanopi #eb98a9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #bba1cd Erkeklerin ≈ 1.08% kadarı
Döteranomali #c4a8cb Erkeklerin ≈ 4.63% kadarı
Tritanomali #e897b8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e396cc {
  color: #e396cc;
}
Arka plan
.bg-e396cc {
  background-color: #e396cc;
  color: #000000;
}
Kenarlık
.border-e396cc {
  border: 2px solid #e396cc;
}
CSS değişkenleri
:root {
  --color-primary: #e396cc;
  --color-primary-rgb: 227 150 204;
  --color-primary-hsl: 318 58% 74%;
}
Geçiş
.gradient-e396cc {
  background: linear-gradient(135deg, #e396cc, #e396a5);
}
Renkli gölge
.shadow-e396cc {
  box-shadow: 0 8px 24px rgb(227 150 204 / 0.35);
}

#dda0dd Plum ΔE 4.51 #f77fbe Persian Pink ΔE 6.59 #c8a2c8 Lilac ΔE 7.33 #ffa6c9 Carnation Pink ΔE 7.87 #c9a0dc Wisteria ΔE 8.13 #ee82ee Violet ΔE 9.18 #f6adc6 Nadeshiko Pink ΔE 9.23 #1c6933 Ters renk #aeaeae Gri tonlama 

Plum
#e396cc  rgb(227, 150, 204)  hsl(318, 58%, 74%)  Plum
#96e3ad  rgb(150, 227, 173)  hsl(138, 58%, 74%)  Celadon
#cce396  rgb(204, 227, 150)  hsl(78, 58%, 74%)  Tea Green
#96cce3  rgb(150, 204, 227)  hsl(198, 58%, 74%)  Sky Blue