ColorTool
Giriş yap
#E7E2CC

#e7e2cc ≈ Eggshell

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

#e7e2cc, “sarı” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %90,59 kırmızı, %88,63 yeşil ve %80 maviden oluşur; CMYK baskıda %0 camgöbeği, %2,16 macenta, %11,69 sarı ve %9,41 siyah kullanır. Ton açısı 48,89°, HSL’de doygunluğu %36 ve açıklığı %85,29’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 16,15:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Eggshell (#f0ead6), ΔE 2,08.

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

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

Tamamlayıcı

  1. #e7e2cc
  2. #ccd1e7

Bölünmüş tamamlayıcı

  1. #e7e2cc
  2. #ccdee7
  3. #d4cce7

Komşu

  1. #e7d4cc
  2. #e7e2cc
  3. #dee7cc

Üçlü

  1. #e7e2cc
  2. #cce7e2
  3. #e2cce7

Dörtlü

  1. #e7e2cc
  2. #d1e7cc
  3. #ccd1e7
  4. #e2cce7

Kare

  1. #e7e2cc
  2. #cce7d4
  3. #ccd1e7
  4. #e7ccde

Tek renkli

  1. #b6a764
  2. #cfc498
  3. #e7e2cc
  4. #f8f7f1
  5. #f8f7f1

Koyu tonlar

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

  1. #e7e2cc
  2. #d0cbb8
  3. #b9b5a3
  4. #a29e8f
  5. #8b887a
  6. #747166
  7. #5c5a52
  8. #45443d
  9. #2e2d29
  10. #171714
  11. #000000

Açık tonlar

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

  1. #e7e2cc
  2. #e9e5d1
  3. #ece8d6
  4. #eeebdb
  5. #f1eee0
  6. #f3f1e6
  7. #f5f3eb
  8. #f8f6f0
  9. #faf9f5
  10. #fdfcfa
  11. #ffffff

Tonlar

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

  1. #e7e2cc
  2. #ddd8c4
  3. #d2cebd
  4. #c8c5b5
  5. #bebbae
  6. #b4b1a6
  7. #a9a79e
  8. #9f9d97
  9. #95948f
  10. #8a8a88
  11. #808080

Okunaklı metin 1.3:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 16.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e2e2e2 Erkeklerin ≈ 0.003% kadarı
Akromatomali #e4e2d9 Erkeklerin ≈ 0.001% kadarı
Protanopi #e7e1cb Erkeklerin ≈ 1.01% kadarı
Döteranopi #e8e2cd Erkeklerin ≈ 1.27% kadarı
Tritanopi #ecdfdc Erkeklerin ≈ 0.0001% kadarı
Protanomali #e7e1cb Erkeklerin ≈ 1.08% kadarı
Döteranomali #e8e2cc Erkeklerin ≈ 4.63% kadarı
Tritanomali #eae0d6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#f0ead6 Eggshell ΔE 2.08 #eae0c8 Pearl ΔE 2.25 #e3dac9 Bone ΔE 3.49 #f5f5dc Beige ΔE 4.60 #fff8dc Cornsilk ΔE 5.03 #f7e7ce Champagne ΔE 5.07 #fff8e7 Cosmic Latte ΔE 5.40 #181d33 Ters renk #e2e2e2 Gri tonlama 

Eggshell
#e7e2cc  rgb(231, 226, 204)  hsl(49, 36%, 85%)  Eggshell
#ccd1e7  rgb(204, 209, 231)  hsl(229, 36%, 85%)  Lavender
#cce7e2  rgb(204, 231, 226)  hsl(169, 36%, 85%)  Light Cyan
#e2cce7  rgb(226, 204, 231)  hsl(289, 36%, 85%)  Thistle