ColorTool
Giriş yap
#ECFBC2

#ecfbc2 ≈ Cream

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

#ecfbc2, “sarı-yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %92,55 kırmızı, %98,43 yeşil ve %76,08 maviden oluşur; CMYK baskıda %5,98 camgöbeği, %0 macenta, %22,71 sarı ve %1,57 siyah kullanır. Ton açısı 75,79°, HSL’de doygunluğu %87,69 ve açıklığı %87,25’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 19,14:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Cream (#fffdd0), ΔE 5,67.

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

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

Tamamlayıcı

  1. #ecfbc2
  2. #d1c2fb

Bölünmüş tamamlayıcı

  1. #ecfbc2
  2. #c2cffb
  3. #edc2fb

Komşu

  1. #fbedc2
  2. #ecfbc2
  3. #cffbc2

Üçlü

  1. #ecfbc2
  2. #c2ecfb
  3. #fbc2ec

Dörtlü

  1. #ecfbc2
  2. #c2fbd1
  3. #d1c2fb
  4. #fbc2ec

Kare

  1. #ecfbc2
  2. #c2fbed
  3. #d1c2fb
  4. #fbc2cf

Tek renkli

  1. #bff232
  2. #d6f67a
  3. #ecfbc2
  4. #f9feec
  5. #f9feec

Koyu tonlar

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

  1. #ecfbc2
  2. #d4e2af
  3. #bdc99b
  4. #a5b088
  5. #8e9774
  6. #767e61
  7. #5e644e
  8. #474b3a
  9. #2f3227
  10. #181913
  11. #000000

Açık tonlar

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

  1. #ecfbc2
  2. #eefbc8
  3. #f0fcce
  4. #f2fcd4
  5. #f4fdda
  6. #f6fde1
  7. #f7fde7
  8. #f9feed
  9. #fbfef3
  10. #fdfff9
  11. #ffffff

Tonlar

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

  1. #ecfbc2
  2. #e1efbb
  3. #d6e2b5
  4. #ccd6ae
  5. #c1caa8
  6. #b6bea1
  7. #abb19a
  8. #a0a594
  9. #96998d
  10. #8b8c87
  11. #808080

Okunaklı metin 1.1:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 19.14:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f4f4f4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #f1f7e2 Erkeklerin ≈ 0.001% kadarı
Protanopi #fff4be Erkeklerin ≈ 1.01% kadarı
Döteranopi #fff5c4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f1f5ec Erkeklerin ≈ 0.0001% kadarı
Protanomali #faf7c0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #f9f7c3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #eff7dc Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#fffdd0 Cream ΔE 5.67 #d0f0c0 Tea Green ΔE 5.78 #fafad2 Light Goldenrod Yellow ΔE 5.85 #fffacd Lemon Chiffon ΔE 6.46 #eee8aa Pale Goldenrod ΔE 6.90 #faf0be Blond ΔE 7.58 #ffffe0 Light Yellow ΔE 8.12 #13043d Ters renk #f4f4f4 Gri tonlama 

Cream
#ecfbc2  rgb(236, 251, 194)  hsl(76, 88%, 87%)  Cream
#d1c2fb  rgb(209, 194, 251)  hsl(256, 88%, 87%)  Periwinkle
#c2ecfb  rgb(194, 236, 251)  hsl(196, 88%, 87%)  Light Blue
#fbc2ec  rgb(251, 194, 236)  hsl(316, 88%, 87%)  Nadeshiko Pink