ColorTool
Giriş yap
#D8E2C5

#d8e2c5 ≈ Beige

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

#d8e2c5, “sarı-yeşil” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %84,71 kırmızı, %88,63 yeşil ve %77,25 maviden oluşur; CMYK baskıda %4,42 camgöbeği, %0 macenta, %12,83 sarı ve %11,37 siyah kullanır. Ton açısı 80,69°, HSL’de doygunluğu %33,33 ve açıklığı %82,94’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 15,6:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Beige (#f5f5dc), ΔE 6,26.

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

Tamamlayıcı

  1. #d8e2c5
  2. #cfc5e2

Bölünmüş tamamlayıcı

  1. #d8e2c5
  2. #c5c9e2
  3. #ddc5e2

Komşu

  1. #e2ddc5
  2. #d8e2c5
  3. #c9e2c5

Üçlü

  1. #d8e2c5
  2. #c5d8e2
  3. #e2c5d8

Dörtlü

  1. #d8e2c5
  2. #c5e2cf
  3. #cfc5e2
  4. #e2c5d8

Kare

  1. #d8e2c5
  2. #c5e2dd
  3. #cfc5e2
  4. #e2c5c9

Tek renkli

  1. #93af5f
  2. #b6c892
  3. #d8e2c5
  4. #f6f8f1
  5. #f6f8f1

Koyu tonlar

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

  1. #d8e2c5
  2. #c2cbb1
  3. #adb59e
  4. #979e8a
  5. #828876
  6. #6c7163
  7. #565a4f
  8. #41443b
  9. #2b2d27
  10. #161714
  11. #000000

Açık tonlar

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

  1. #d8e2c5
  2. #dce5cb
  3. #e0e8d1
  4. #e4ebd6
  5. #e8eedc
  6. #ecf1e2
  7. #eff3e8
  8. #f3f6ee
  9. #f7f9f3
  10. #fbfcf9
  11. #ffffff

Tonlar

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

  1. #d8e2c5
  2. #cfd8be
  3. #c6ceb7
  4. #bec5b0
  5. #b5bba9
  6. #acb1a3
  7. #a3a79c
  8. #9a9d95
  9. #92948e
  10. #898a87
  11. #808080

Okunaklı metin 1.35:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 15.6:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #dedede Erkeklerin ≈ 0.003% kadarı
Akromatomali #dce0d4 Erkeklerin ≈ 0.001% kadarı
Protanopi #e6dec3 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e4dec6 Erkeklerin ≈ 1.27% kadarı
Tritanopi #dadfda Erkeklerin ≈ 0.0001% kadarı
Protanomali #e0e0c4 Erkeklerin ≈ 1.08% kadarı
Döteranomali #e0e0c6 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d9e0d2 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#f5f5dc Beige ΔE 6.26 #fafad2 Light Goldenrod Yellow ΔE 7.13 #ffffe0 Light Yellow ΔE 7.56 #d0f0c0 Tea Green ΔE 7.70 #f0fff0 Honeydew ΔE 8.04 #f0ead6 Eggshell ΔE 8.16 #fffdd0 Cream ΔE 8.49 #271d3a Ters renk #dedede Gri tonlama 

Beige
#d8e2c5  rgb(216, 226, 197)  hsl(81, 33%, 83%)  Beige
#cfc5e2  rgb(207, 197, 226)  hsl(261, 33%, 83%)  Languid Lavender
#c5d8e2  rgb(197, 216, 226)  hsl(201, 33%, 83%)  Pale Aqua
#e2c5d8  rgb(226, 197, 216)  hsl(321, 33%, 83%)  Thistle