ColorTool
Giriş yap
#DCCDA3

#dccda3 ≈ Wheat

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

#dccda3, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %86,27 kırmızı, %80,39 yeşil ve %63,92 maviden oluşur; CMYK baskıda %0 camgöbeği, %6,82 macenta, %25,91 sarı ve %13,73 siyah kullanır. Ton açısı 44,21°, HSL’de doygunluğu %44,88 ve açıklığı %75,1’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 13,3:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wheat (#f5deb3), ΔE 5,16.

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

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

Tamamlayıcı

  1. #dccda3
  2. #a3b2dc

Bölünmüş tamamlayıcı

  1. #dccda3
  2. #a3cfdc
  3. #b1a3dc

Komşu

  1. #dcb1a3
  2. #dccda3
  3. #cfdca3

Üçlü

  1. #dccda3
  2. #a3dccd
  3. #cda3dc

Dörtlü

  1. #dccda3
  2. #b2dca3
  3. #a3b2dc
  4. #cda3dc

Kare

  1. #dccda3
  2. #a3dcb1
  3. #a3b2dc
  4. #dca3cf

Tek renkli

  1. #a78b3f
  2. #c7af6c
  3. #dccda3
  4. #f1ebda
  5. #f9f7f0

Koyu tonlar

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

  1. #dccda3
  2. #c6b993
  3. #b0a482
  4. #9a9072
  5. #847b62
  6. #6e6752
  7. #585241
  8. #423e31
  9. #2c2921
  10. #161510
  11. #000000

Açık tonlar

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

  1. #dccda3
  2. #e0d2ac
  3. #e3d7b5
  4. #e7dcbf
  5. #eae1c8
  6. #eee6d1
  7. #f1ebda
  8. #f5f0e3
  9. #f8f5ed
  10. #fcfaf6
  11. #ffffff

Tonlar

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

  1. #dccda3
  2. #d3c5a0
  3. #cabe9c
  4. #c0b699
  5. #b7ae95
  6. #aea792
  7. #a59f8e
  8. #9c978b
  9. #928f87
  10. #898884
  11. #808080

Okunaklı metin 1.58:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #cecece Erkeklerin ≈ 0.003% kadarı
Akromatomali #d4cdbe Erkeklerin ≈ 0.001% kadarı
Protanopi #d7cba0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #dbd0a4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #e5c6c2 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d9cca1 Erkeklerin ≈ 1.08% kadarı
Döteranomali #dbcfa4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e2c9b6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-dccda3 {
  color: #dccda3;
}
Arka plan
.bg-dccda3 {
  background-color: #dccda3;
  color: #000000;
}
Kenarlık
.border-dccda3 {
  border: 2px solid #dccda3;
}
CSS değişkenleri
:root {
  --color-primary: #dccda3;
  --color-primary-rgb: 220 205 163;
  --color-primary-hsl: 44 45% 75%;
}
Geçiş
.gradient-dccda3 {
  background: linear-gradient(135deg, #dccda3, #cfdca3);
}
Renkli gölge
.shadow-dccda3 {
  box-shadow: 0 8px 24px rgb(220 205 163 / 0.35);
}

#f5deb3 Wheat ΔE 5.16 #f3e5ab Vanilla ΔE 6.48 #ffe5b4 Peach ΔE 6.92 #ffe4b5 Moccasin ΔE 6.97 #eae0c8 Pearl ΔE 7.02 #c2b280 Ecru ΔE 7.35 #fad6a5 Sunset ΔE 7.40 #23325c Ters renk #cecece Gri tonlama 

Wheat
#dccda3  rgb(220, 205, 163)  hsl(44, 45%, 75%)  Wheat
#a3b2dc  rgb(163, 178, 220)  hsl(224, 45%, 75%)  Wild Blue Yonder
#a3dccd  rgb(163, 220, 205)  hsl(164, 45%, 75%)  Seafoam Green
#cda3dc  rgb(205, 163, 220)  hsl(284, 45%, 75%)  Wisteria