ColorTool
Giriş yap
#E2DCCC

#e2dccc ≈ Bone

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

#e2dccc, “sarı” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %88,63 kırmızı, %86,27 yeşil ve %80 maviden oluşur; CMYK baskıda %0 camgöbeği, %2,65 macenta, %9,73 sarı ve %11,37 siyah kullanır. Ton açısı 43,64°, HSL’de doygunluğu %27,5 ve açıklığı %84,31’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,34:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Bone (#e3dac9), ΔE 1,43.

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

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

Tamamlayıcı

  1. #e2dccc
  2. #ccd2e2

Bölünmüş tamamlayıcı

  1. #e2dccc
  2. #ccdde2
  3. #d1cce2

Komşu

  1. #e2d1cc
  2. #e2dccc
  3. #dde2cc

Üçlü

  1. #e2dccc
  2. #cce2dc
  3. #dccce2

Dörtlü

  1. #e2dccc
  2. #d2e2cc
  3. #ccd2e2
  4. #dccce2

Kare

  1. #e2dccc
  2. #cce2d1
  3. #ccd2e2
  4. #e2ccdd

Tek renkli

  1. #ab996a
  2. #c6bb9b
  3. #e2dccc
  4. #f8f6f2
  5. #f8f6f2

Koyu tonlar

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

  1. #e2dccc
  2. #cbc6b8
  3. #b5b0a3
  4. #9e9a8f
  5. #88847a
  6. #716e66
  7. #5a5852
  8. #44423d
  9. #2d2c29
  10. #171614
  11. #000000

Açık tonlar

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

  1. #e2dccc
  2. #e5e0d1
  3. #e8e3d6
  4. #ebe7db
  5. #eeeae0
  6. #f1eee6
  7. #f3f1eb
  8. #f6f5f0
  9. #f9f8f5
  10. #fcfcfa
  11. #ffffff

Tonlar

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

  1. #e2dccc
  2. #d8d3c4
  3. #cecabd
  4. #c5c0b5
  5. #bbb7ae
  6. #b1aea6
  7. #a7a59e
  8. #9d9c97
  9. #94928f
  10. #8a8988
  11. #808080

Okunaklı metin 1.37:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 15.34:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #dcdcdc Erkeklerin ≈ 0.003% kadarı
Akromatomali #dfdcd6 Erkeklerin ≈ 0.001% kadarı
Protanopi #e0dbcb Erkeklerin ≈ 1.01% kadarı
Döteranopi #e2ddcc Erkeklerin ≈ 1.27% kadarı
Tritanopi #e6d9d7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #e1dccb Erkeklerin ≈ 1.08% kadarı
Döteranomali #e2ddcc Erkeklerin ≈ 4.63% kadarı
Tritanomali #e4dad3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e2dccc {
  color: #e2dccc;
}
Arka plan
.bg-e2dccc {
  background-color: #e2dccc;
  color: #000000;
}
Kenarlık
.border-e2dccc {
  border: 2px solid #e2dccc;
}
CSS değişkenleri
:root {
  --color-primary: #e2dccc;
  --color-primary-rgb: 226 220 204;
  --color-primary-hsl: 44 28% 84%;
}
Geçiş
.gradient-e2dccc {
  background: linear-gradient(135deg, #e2dccc, #dde2cc);
}
Renkli gölge
.shadow-e2dccc {
  box-shadow: 0 8px 24px rgb(226 220 204 / 0.35);
}

#e3dac9 Bone ΔE 1.43 #eae0c8 Pearl ΔE 3.14 #f0ead6 Eggshell ΔE 3.38 #dbd7d2 Timberwolf ΔE 4.89 #faebd7 Antique White ΔE 5.34 #f7e7ce Champagne ΔE 5.36 #fdf5e6 Old Lace ΔE 5.62 #1d2333 Ters renk #dcdcdc Gri tonlama 

Bone
#e2dccc  rgb(226, 220, 204)  hsl(44, 28%, 84%)  Bone
#ccd2e2  rgb(204, 210, 226)  hsl(224, 28%, 84%)  Lavender
#cce2dc  rgb(204, 226, 220)  hsl(164, 28%, 84%)  Light Cyan
#dccce2  rgb(220, 204, 226)  hsl(284, 28%, 84%)  Languid Lavender