ColorTool
Giriş yap
#E2DDBC

#e2ddbc ≈ Pearl

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

#e2ddbc, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %88,63 kırmızı, %86,67 yeşil ve %73,73 maviden oluşur; CMYK baskıda %0 camgöbeği, %2,21 macenta, %16,81 sarı ve %11,37 siyah kullanır. Ton açısı 52,11°, HSL’de doygunluğu %39,58 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,3:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pearl (#eae0c8), ΔE 4,31.

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.7151

Tamamlayıcı

  1. #e2ddbc
  2. #bcc1e2

Bölünmüş tamamlayıcı

  1. #e2ddbc
  2. #bcd4e2
  3. #cabce2

Komşu

  1. #e2cabc
  2. #e2ddbc
  3. #d4e2bc

Üçlü

  1. #e2ddbc
  2. #bce2dd
  3. #ddbce2

Dörtlü

  1. #e2ddbc
  2. #c1e2bc
  3. #bcc1e2
  4. #ddbce2

Kare

  1. #e2ddbc
  2. #bce2ca
  3. #bcc1e2
  4. #e2bcd4

Tek renkli

  1. #b4a751
  2. #cbc287
  3. #e2ddbc
  4. #f9f8f1
  5. #f9f8f1

Koyu tonlar

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

  1. #e2ddbc
  2. #cbc7a9
  3. #b5b196
  4. #9e9b84
  5. #888571
  6. #716f5e
  7. #5a584b
  8. #444238
  9. #2d2c26
  10. #171613
  11. #000000

Açık tonlar

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

  1. #e2ddbc
  2. #e5e0c3
  3. #e8e4c9
  4. #ebe7d0
  5. #eeebd7
  6. #f1eede
  7. #f3f1e4
  8. #f6f5eb
  9. #f9f8f2
  10. #fcfcf8
  11. #ffffff

Tonlar

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

  1. #e2ddbc
  2. #d8d4b6
  3. #cecab0
  4. #c5c1aa
  5. #bbb8a4
  6. #b1af9e
  7. #a7a598
  8. #9d9c92
  9. #94938c
  10. #8a8986
  11. #808080

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

Akromatopsi #dcdcdc Erkeklerin ≈ 0.003% kadarı
Akromatomali #dedcd0 Erkeklerin ≈ 0.001% kadarı
Protanopi #e4dbba Erkeklerin ≈ 1.01% kadarı
Döteranopi #e5ddbd Erkeklerin ≈ 1.27% kadarı
Tritanopi #e8d8d4 Erkeklerin ≈ 0.0001% kadarı
Protanomali #e3dcbb Erkeklerin ≈ 1.08% kadarı
Döteranomali #e4ddbd Erkeklerin ≈ 4.63% kadarı
Tritanomali #e6dacb Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e2ddbc {
  color: #e2ddbc;
}
Arka plan
.bg-e2ddbc {
  background-color: #e2ddbc;
  color: #000000;
}
Kenarlık
.border-e2ddbc {
  border: 2px solid #e2ddbc;
}
CSS değişkenleri
:root {
  --color-primary: #e2ddbc;
  --color-primary-rgb: 226 221 188;
  --color-primary-hsl: 52 40% 81%;
}
Geçiş
.gradient-e2ddbc {
  background: linear-gradient(135deg, #e2ddbc, #d4e2bc);
}
Renkli gölge
.shadow-e2ddbc {
  box-shadow: 0 8px 24px rgb(226 221 188 / 0.35);
}

#eae0c8 Pearl ΔE 4.31 #f0ead6 Eggshell ΔE 5.51 #f5f5dc Beige ΔE 5.97 #faf0be Blond ΔE 6.09 #fff8dc Cornsilk ΔE 6.30 #e3dac9 Bone ΔE 6.39 #fafad2 Light Goldenrod Yellow ΔE 6.53 #1d2243 Ters renk #dcdcdc Gri tonlama 

Pearl
#e2ddbc  rgb(226, 221, 188)  hsl(52, 40%, 81%)  Pearl
#bcc1e2  rgb(188, 193, 226)  hsl(232, 40%, 81%)  Periwinkle
#bce2dd  rgb(188, 226, 221)  hsl(172, 40%, 81%)  Powder Blue
#ddbce2  rgb(221, 188, 226)  hsl(292, 40%, 81%)  Thistle