ColorTool
Giriş yap
#ECDCB2

#ecdcb2 ≈ Wheat

  • sarı
  • Açıklık: yüksek
  • Doygunluk: düşük
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#ecdcb2, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %92,55 kırmızı, %86,27 yeşil ve %69,8 maviden oluşur; CMYK baskıda %0 camgöbeği, %6,78 macenta, %24,58 sarı ve %7,45 siyah kullanır. Ton açısı 43,45°, HSL’de doygunluğu %60,42 ve açıklığı %81,18’dir. Sıcak bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 15,45:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wheat (#f5deb3), ΔE 2,62.

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

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

Tamamlayıcı

  1. #ecdcb2
  2. #b2c2ec

Bölünmüş tamamlayıcı

  1. #ecdcb2
  2. #b2dfec
  3. #bfb2ec

Komşu

  1. #ecbfb2
  2. #ecdcb2
  3. #dfecb2

Üçlü

  1. #ecdcb2
  2. #b2ecdc
  3. #dcb2ec

Dörtlü

  1. #ecdcb2
  2. #c2ecb2
  3. #b2c2ec
  4. #dcb2ec

Kare

  1. #ecdcb2
  2. #b2ecbf
  3. #b2c2ec
  4. #ecb2df

Tek renkli

  1. #cea437
  2. #ddc075
  3. #ecdcb2
  4. #fbf8ef
  5. #fbf8ef

Koyu tonlar

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

  1. #ecdcb2
  2. #d4c6a0
  3. #bdb08e
  4. #a59a7d
  5. #8e846b
  6. #766e59
  7. #5e5847
  8. #474235
  9. #2f2c24
  10. #181612
  11. #000000

Açık tonlar

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

  1. #ecdcb2
  2. #eee0ba
  3. #f0e3c1
  4. #f2e7c9
  5. #f4ead1
  6. #f6eed9
  7. #f7f1e0
  8. #f9f5e8
  9. #fbf8f0
  10. #fdfcf7
  11. #ffffff

Tonlar

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

  1. #ecdcb2
  2. #e1d3ad
  3. #d6caa8
  4. #ccc0a3
  5. #c1b79e
  6. #b6ae99
  7. #aba594
  8. #a09c8f
  9. #96928a
  10. #8b8985
  11. #808080

Okunaklı metin 1.36:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 15.45:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #dddddd Erkeklerin ≈ 0.003% kadarı
Akromatomali #e3ddcd Erkeklerin ≈ 0.001% kadarı
Protanopi #e6daaf Erkeklerin ≈ 1.01% kadarı
Döteranopi #eadfb3 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f6d5d0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #e8dbb0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ebdeb3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f2d8c5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#f5deb3 Wheat ΔE 2.62 #ffe5b4 Peach ΔE 4.10 #ffe4b5 Moccasin ΔE 4.26 #f3e5ab Vanilla ΔE 4.36 #faf0be Blond ΔE 5.10 #eae0c8 Pearl ΔE 5.44 #ffdead Navajo White ΔE 5.60 #13234d Ters renk #dddddd Gri tonlama 

Wheat
#ecdcb2  rgb(236, 220, 178)  hsl(43, 60%, 81%)  Wheat
#b2c2ec  rgb(178, 194, 236)  hsl(223, 60%, 81%)  Light Steel Blue
#b2ecdc  rgb(178, 236, 220)  hsl(163, 60%, 81%)  Magic Mint
#dcb2ec  rgb(220, 178, 236)  hsl(283, 60%, 81%)  Mauve