ColorTool
Giriş yap
#E2EBCE

#e2ebce ≈ Beige

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

#e2ebce, “sarı-yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %88,63 kırmızı, %92,16 yeşil ve %80,78 maviden oluşur; CMYK baskıda %3,83 camgöbeği, %0 macenta, %12,34 sarı ve %7,84 siyah kullanır. Ton açısı 78,62°, HSL’de doygunluğu %42,03 ve açıklığı %86,47’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 17,01:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Beige (#f5f5dc), ΔE 4,64.

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

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

Tamamlayıcı

  1. #e2ebce
  2. #d7ceeb

Bölünmüş tamamlayıcı

  1. #e2ebce
  2. #ced3eb
  3. #e5ceeb

Komşu

  1. #ebe5ce
  2. #e2ebce
  3. #d3ebce

Üçlü

  1. #e2ebce
  2. #cee2eb
  3. #ebcee2

Dörtlü

  1. #e2ebce
  2. #ceebd7
  3. #d7ceeb
  4. #ebcee2

Kare

  1. #e2ebce
  2. #ceebe5
  3. #d7ceeb
  4. #ebced3

Tek renkli

  1. #a2bf61
  2. #c2d598
  3. #e2ebce
  4. #f6f9f1
  5. #f6f9f1

Koyu tonlar

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

  1. #e2ebce
  2. #cbd4b9
  3. #b5bca5
  4. #9ea590
  5. #888d7c
  6. #717667
  7. #5a5e52
  8. #44473e
  9. #2d2f29
  10. #171815
  11. #000000

Açık tonlar

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

  1. #e2ebce
  2. #e5edd3
  3. #e8efd8
  4. #ebf1dd
  5. #eef3e2
  6. #f1f5e7
  7. #f3f7eb
  8. #f6f9f0
  9. #f9fbf5
  10. #fcfdfa
  11. #ffffff

Tonlar

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

  1. #e2ebce
  2. #d8e0c6
  3. #ced6be
  4. #c5cbb7
  5. #bbc0af
  6. #b1b6a7
  7. #a7ab9f
  8. #9da097
  9. #949590
  10. #8a8b88
  11. #808080

Okunaklı metin 1.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.01:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e7e7e7 Erkeklerin ≈ 0.003% kadarı
Akromatomali #e5e9de Erkeklerin ≈ 0.001% kadarı
Protanopi #efe7cc Erkeklerin ≈ 1.01% kadarı
Döteranopi #eee7cf Erkeklerin ≈ 1.27% kadarı
Tritanopi #e5e8e3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #eae9cd Erkeklerin ≈ 1.08% kadarı
Döteranomali #e9e9cf Erkeklerin ≈ 4.63% kadarı
Tritanomali #e4e9db Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e2ebce {
  color: #e2ebce;
}
Arka plan
.bg-e2ebce {
  background-color: #e2ebce;
  color: #000000;
}
Kenarlık
.border-e2ebce {
  border: 2px solid #e2ebce;
}
CSS değişkenleri
:root {
  --color-primary: #e2ebce;
  --color-primary-rgb: 226 235 206;
  --color-primary-hsl: 79 42% 86%;
}
Geçiş
.gradient-e2ebce {
  background: linear-gradient(135deg, #e2ebce, #d3ebce);
}
Renkli gölge
.shadow-e2ebce {
  box-shadow: 0 8px 24px rgb(226 235 206 / 0.35);
}

#f5f5dc Beige ΔE 4.64 #fafad2 Light Goldenrod Yellow ΔE 5.56 #ffffe0 Light Yellow ΔE 5.66 #f0fff0 Honeydew ΔE 6.67 #fffdd0 Cream ΔE 7.01 #fff8dc Cornsilk ΔE 7.36 #f0ead6 Eggshell ΔE 7.39 #1d1431 Ters renk #e7e7e7 Gri tonlama 

Beige
#e2ebce  rgb(226, 235, 206)  hsl(79, 42%, 86%)  Beige
#d7ceeb  rgb(215, 206, 235)  hsl(259, 42%, 86%)  Languid Lavender
#cee2eb  rgb(206, 226, 235)  hsl(199, 42%, 86%)  Columbia Blue
#ebcee2  rgb(235, 206, 226)  hsl(319, 42%, 86%)  Thistle