ColorTool
Giriş yap
#DFE0C3

#dfe0c3 ≈ Beige

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

#dfe0c3, “sarı” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %87,45 kırmızı, %87,84 yeşil ve %76,47 maviden oluşur; CMYK baskıda %0,45 camgöbeği, %0 macenta, %12,95 sarı ve %12,16 siyah kullanır. Ton açısı 62,07°, HSL’de doygunluğu %31,87 ve açıklığı %82,16’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,59:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Beige (#f5f5dc), ΔE 4,87.

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

Tamamlayıcı

  1. #dfe0c3
  2. #c4c3e0

Bölünmüş tamamlayıcı

  1. #dfe0c3
  2. #c3d1e0
  3. #d3c3e0

Komşu

  1. #e0d3c3
  2. #dfe0c3
  3. #d1e0c3

Üçlü

  1. #dfe0c3
  2. #c3dfe0
  3. #e0c3df

Dörtlü

  1. #dfe0c3
  2. #c3e0c4
  3. #c4c3e0
  4. #e0c3df

Kare

  1. #dfe0c3
  2. #c3e0d3
  3. #c4c3e0
  4. #e0c3d1

Tek renkli

  1. #a9ac5e
  2. #c4c691
  3. #dfe0c3
  4. #f8f8f2
  5. #f8f8f2

Koyu tonlar

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

  1. #dfe0c3
  2. #c9cab0
  3. #b2b39c
  4. #9c9d89
  5. #868675
  6. #707062
  7. #595a4e
  8. #43433b
  9. #2d2d27
  10. #161614
  11. #000000

Açık tonlar

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

  1. #dfe0c3
  2. #e2e3c9
  3. #e5e6cf
  4. #e9e9d5
  5. #ececdb
  6. #eff0e1
  7. #f2f3e7
  8. #f5f6ed
  9. #f9f9f3
  10. #fcfcf9
  11. #ffffff

Tonlar

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

  1. #dfe0c3
  2. #d6d6bc
  3. #cccdb6
  4. #c3c3af
  5. #b9baa8
  6. #b0b0a2
  7. #a6a69b
  8. #9d9d94
  9. #93938d
  10. #8a8a87
  11. #808080

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

Akromatopsi #dedede Erkeklerin ≈ 0.003% kadarı
Akromatomali #dedfd4 Erkeklerin ≈ 0.001% kadarı
Protanopi #e5ddc1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e6dec4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #e3dcd8 Erkeklerin ≈ 0.0001% kadarı
Protanomali #e3dec2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #e3dfc4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e2ded0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-dfe0c3 {
  color: #dfe0c3;
}
Arka plan
.bg-dfe0c3 {
  background-color: #dfe0c3;
  color: #000000;
}
Kenarlık
.border-dfe0c3 {
  border: 2px solid #dfe0c3;
}
CSS değişkenleri
:root {
  --color-primary: #dfe0c3;
  --color-primary-rgb: 223 224 195;
  --color-primary-hsl: 62 32% 82%;
}
Geçiş
.gradient-dfe0c3 {
  background: linear-gradient(135deg, #dfe0c3, #d1e0c3);
}
Renkli gölge
.shadow-dfe0c3 {
  box-shadow: 0 8px 24px rgb(223 224 195 / 0.35);
}

#f5f5dc Beige ΔE 4.87 #f0ead6 Eggshell ΔE 5.52 #eae0c8 Pearl ΔE 5.57 #fafad2 Light Goldenrod Yellow ΔE 6.22 #fff8dc Cornsilk ΔE 6.52 #ffffe0 Light Yellow ΔE 6.59 #e3dac9 Bone ΔE 7.05 #201f3c Ters renk #dedede Gri tonlama 

Beige
#dfe0c3  rgb(223, 224, 195)  hsl(62, 32%, 82%)  Beige
#c4c3e0  rgb(196, 195, 224)  hsl(242, 32%, 82%)  Languid Lavender
#c3dfe0  rgb(195, 223, 224)  hsl(182, 32%, 82%)  Powder Blue
#e0c3df  rgb(224, 195, 223)  hsl(302, 32%, 82%)  Thistle