ColorTool
Giriş yap
#DED5CC

#ded5cc ≈ Timberwolf

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

#ded5cc, “turuncu” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %87,06 kırmızı, %83,53 yeşil ve %80 maviden oluşur; CMYK baskıda %0 camgöbeği, %4,05 macenta, %8,11 sarı ve %12,94 siyah kullanır. Ton açısı 30°, 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,5:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Timberwolf (#dbd7d2), ΔE 2,57.

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

Tamamlayıcı

  1. #ded5cc
  2. #ccd5de

Bölünmüş tamamlayıcı

  1. #ded5cc
  2. #ccdede
  3. #ccccde

Komşu

  1. #decccc
  2. #ded5cc
  3. #dedecc

Üçlü

  1. #ded5cc
  2. #ccded5
  3. #d5ccde

Dörtlü

  1. #ded5cc
  2. #d5decc
  3. #ccd5de
  4. #d5ccde

Kare

  1. #ded5cc
  2. #ccdecc
  3. #ccd5de
  4. #deccde

Tek renkli

  1. #a2896f
  2. #c0af9e
  3. #ded5cc
  4. #f7f5f3
  5. #f7f5f3

Koyu tonlar

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

  1. #ded5cc
  2. #c8c0b8
  3. #b2aaa3
  4. #9b958f
  5. #85807a
  6. #6f6b66
  7. #595552
  8. #43403d
  9. #2c2b29
  10. #161514
  11. #000000

Açık tonlar

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

  1. #ded5cc
  2. #e1d9d1
  3. #e5ddd6
  4. #e8e2db
  5. #ebe6e0
  6. #efeae6
  7. #f2eeeb
  8. #f5f2f0
  9. #f8f7f5
  10. #fcfbfa
  11. #ffffff

Tonlar

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

  1. #ded5cc
  2. #d5cdc4
  3. #cbc4bd
  4. #c2bcb5
  5. #b8b3ae
  6. #afaba6
  7. #a6a29e
  8. #9c9a97
  9. #93918f
  10. #898988
  11. #808080

Okunaklı metin 1.45:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.5:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d6d6d6 Erkeklerin ≈ 0.003% kadarı
Akromatomali #d9d6d2 Erkeklerin ≈ 0.001% kadarı
Protanopi #d8d5cb Erkeklerin ≈ 1.01% kadarı
Döteranopi #dad7cc Erkeklerin ≈ 1.27% kadarı
Tritanopi #e2d3d2 Erkeklerin ≈ 0.0001% kadarı
Protanomali #dbd5cc Erkeklerin ≈ 1.08% kadarı
Döteranomali #dcd6cc Erkeklerin ≈ 4.63% kadarı
Tritanomali #e0d4d0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#dbd7d2 Timberwolf ΔE 2.57 #e3dac9 Bone ΔE 3.74 #d3d3d3 Light Gray ΔE 5.35 #d3d3d3 Light Grey ΔE 5.35 #e5e4e2 Platinum ΔE 5.35 #dcdcdc Gainsboro ΔE 5.45 #faf0e6 Linen ΔE 5.98 #212a33 Ters renk #d6d6d6 Gri tonlama 

Timberwolf
#ded5cc  rgb(222, 213, 204)  hsl(30, 21%, 84%)  Timberwolf
#ccd5de  rgb(204, 213, 222)  hsl(210, 21%, 84%)  Light Gray
#ccded5  rgb(204, 222, 213)  hsl(150, 21%, 84%)  Honeydew
#d5ccde  rgb(213, 204, 222)  hsl(270, 21%, 84%)  Languid Lavender