ColorTool
Giriş yap
#E4ECCF

#e4eccf ≈ Beige

  • sarı-yeşil
  • Açıklık: çok yüksek
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#e4eccf, “sarı-yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %89,41 kırmızı, %92,55 yeşil ve %81,18 maviden oluşur; CMYK baskıda %3,39 camgöbeği, %0 macenta, %12,29 sarı ve %7,45 siyah kullanır. Ton açısı 76,55°, HSL’de doygunluğu %43,28 ve açıklığı %86,86’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla tazelik, büyüme ve canlılık ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 17,2:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Beige (#f5f5dc), ΔE 4,21.

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

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

Tamamlayıcı

  1. #e4eccf
  2. #d7cfec

Bölünmüş tamamlayıcı

  1. #e4eccf
  2. #cfd5ec
  3. #e5cfec

Komşu

  1. #ece5cf
  2. #e4eccf
  3. #d5eccf

Üçlü

  1. #e4eccf
  2. #cfe4ec
  3. #eccfe4

Dörtlü

  1. #e4eccf
  2. #cfecd7
  3. #d7cfec
  4. #eccfe4

Kare

  1. #e4eccf
  2. #cfece5
  3. #d7cfec
  4. #eccfd5

Tek renkli

  1. #a6c161
  2. #c5d698
  3. #e4eccf
  4. #f7f9f0
  5. #f7f9f0

Koyu tonlar

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

  1. #e4eccf
  2. #cdd4ba
  3. #b6bda6
  4. #a0a591
  5. #898e7c
  6. #727668
  7. #5b5e53
  8. #44473e
  9. #2e2f29
  10. #171815
  11. #000000

Açık tonlar

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

  1. #e4eccf
  2. #e7eed4
  3. #e9f0d9
  4. #ecf2dd
  5. #eff4e2
  6. #f2f6e7
  7. #f4f7ec
  8. #f7f9f1
  9. #fafbf5
  10. #fcfdfa
  11. #ffffff

Tonlar

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

  1. #e4eccf
  2. #dae1c7
  3. #d0d6bf
  4. #c6ccb7
  5. #bcc1af
  6. #b2b6a8
  7. #a8aba0
  8. #9ea098
  9. #949690
  10. #8a8b88
  11. #808080

Okunaklı metin 1.22:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.2:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e8e8e8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #e7eadf Erkeklerin ≈ 0.001% kadarı
Protanopi #f0e8cd Erkeklerin ≈ 1.01% kadarı
Döteranopi #efe9d0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #e7e9e4 Erkeklerin ≈ 0.0001% kadarı
Protanomali #ebeace Erkeklerin ≈ 1.08% kadarı
Döteranomali #ebead0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e6eadc Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e4eccf {
  color: #e4eccf;
}
Arka plan
.bg-e4eccf {
  background-color: #e4eccf;
  color: #000000;
}
Kenarlık
.border-e4eccf {
  border: 2px solid #e4eccf;
}
CSS değişkenleri
:root {
  --color-primary: #e4eccf;
  --color-primary-rgb: 228 236 207;
  --color-primary-hsl: 77 43% 87%;
}
Geçiş
.gradient-e4eccf {
  background: linear-gradient(135deg, #e4eccf, #d5eccf);
}
Renkli gölge
.shadow-e4eccf {
  box-shadow: 0 8px 24px rgb(228 236 207 / 0.35);
}

#f5f5dc Beige ΔE 4.21 #fafad2 Light Goldenrod Yellow ΔE 5.20 #ffffe0 Light Yellow ΔE 5.24 #f0fff0 Honeydew ΔE 6.62 #fffdd0 Cream ΔE 6.68 #fff8dc Cornsilk ΔE 6.92 #f0ead6 Eggshell ΔE 7.04 #1b1330 Ters renk #e8e8e8 Gri tonlama 

Beige
#e4eccf  rgb(228, 236, 207)  hsl(77, 43%, 87%)  Beige
#d7cfec  rgb(215, 207, 236)  hsl(257, 43%, 87%)  Languid Lavender
#cfe4ec  rgb(207, 228, 236)  hsl(197, 43%, 87%)  Columbia Blue
#eccfe4  rgb(236, 207, 228)  hsl(317, 43%, 87%)  Thistle