ColorTool
Giriş yap
#DED2CC

#ded2cc ≈ Timberwolf

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

#ded2cc, “turuncu” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %87,06 kırmızı, %82,35 yeşil ve %80 maviden oluşur; CMYK baskıda %0 camgöbeği, %5,41 macenta, %8,11 sarı ve %12,94 siyah kullanır. Ton açısı 20°, HSL’de doygunluğu %21,43 ve açıklığı %83,53’dir. Sıcak bir renktir ve çoğunlukla coşku, sıcaklık ve yaratıcılık ile ilişkilendirilir. Tasarımcılar onu genellikle eylem çağrısı düğmeleri, gıda markaları ve restoranlar ve arka planlar ve geniş yüzeyler için kullanır. Bu renk üzerinde siyah metin 14,2:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Timberwolf (#dbd7d2), ΔE 3,76.

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

Tamamlayıcı

  1. #ded2cc
  2. #ccd8de

Bölünmüş tamamlayıcı

  1. #ded2cc
  2. #ccdedb
  3. #cccfde

Komşu

  1. #decccf
  2. #ded2cc
  3. #dedbcc

Üçlü

  1. #ded2cc
  2. #ccded2
  3. #d2ccde

Dörtlü

  1. #ded2cc
  2. #d8decc
  3. #ccd8de
  4. #d2ccde

Kare

  1. #ded2cc
  2. #cfdecc
  3. #ccd8de
  4. #dbccde

Tek renkli

  1. #a2806f
  2. #c0a99e
  3. #ded2cc
  4. #f7f4f3
  5. #f7f4f3

Koyu tonlar

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

  1. #ded2cc
  2. #c8bdb8
  3. #b2a8a3
  4. #9b938f
  5. #857e7a
  6. #6f6966
  7. #595452
  8. #433f3d
  9. #2c2a29
  10. #161514
  11. #000000

Açık tonlar

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

  1. #ded2cc
  2. #e1d7d1
  3. #e5dbd6
  4. #e8e0db
  5. #ebe4e0
  6. #efe9e6
  7. #f2edeb
  8. #f5f2f0
  9. #f8f6f5
  10. #fcfbfa
  11. #ffffff

Tonlar

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

  1. #ded2cc
  2. #d5cac4
  3. #cbc2bd
  4. #c2b9b5
  5. #b8b1ae
  6. #afa9a6
  7. #a6a19e
  8. #9c9997
  9. #93908f
  10. #898888
  11. #808080

Okunaklı metin 1.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.2:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d4d4d4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #d8d3d1 Erkeklerin ≈ 0.001% kadarı
Protanopi #d5d3cc Erkeklerin ≈ 1.01% kadarı
Döteranopi #d8d5cc Erkeklerin ≈ 1.27% kadarı
Tritanopi #e2d0d0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d9d3cc Erkeklerin ≈ 1.08% kadarı
Döteranomali #dad4cc Erkeklerin ≈ 4.63% kadarı
Tritanomali #e0d1cf Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ded2cc {
  color: #ded2cc;
}
Arka plan
.bg-ded2cc {
  background-color: #ded2cc;
  color: #000000;
}
Kenarlık
.border-ded2cc {
  border: 2px solid #ded2cc;
}
CSS değişkenleri
:root {
  --color-primary: #ded2cc;
  --color-primary-rgb: 222 210 204;
  --color-primary-hsl: 20 21% 84%;
}
Geçiş
.gradient-ded2cc {
  background: linear-gradient(135deg, #ded2cc, #dedbcc);
}
Renkli gölge
.shadow-ded2cc {
  box-shadow: 0 8px 24px rgb(222 210 204 / 0.35);
}

#dbd7d2 Timberwolf ΔE 3.76 #d3d3d3 Light Gray ΔE 5.64 #d3d3d3 Light Grey ΔE 5.64 #dcdcdc Gainsboro ΔE 5.91 #e3dac9 Bone ΔE 6.11 #e5e4e2 Platinum ΔE 6.18 #faf0e6 Linen ΔE 6.93 #212d33 Ters renk #d4d4d4 Gri tonlama 

Timberwolf
#ded2cc  rgb(222, 210, 204)  hsl(20, 21%, 84%)  Timberwolf
#ccd8de  rgb(204, 216, 222)  hsl(200, 21%, 84%)  Light Gray
#ccded2  rgb(204, 222, 210)  hsl(140, 21%, 84%)  Honeydew
#d2ccde  rgb(210, 204, 222)  hsl(260, 21%, 84%)  Languid Lavender