ColorTool
Giriş yap
#DECBB1

#decbb1 ≈ Bone

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

#decbb1, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %87,06 kırmızı, %79,61 yeşil ve %69,41 maviden oluşur; CMYK baskıda %0 camgöbeği, %8,56 macenta, %20,27 sarı ve %12,94 siyah kullanır. Ton açısı 34,67°, HSL’de doygunluğu %40,54 ve açıklığı %78,24’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 13,28:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Bone (#e3dac9), ΔE 5,55.

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

Tamamlayıcı

  1. #decbb1
  2. #b1c4de

Bölünmüş tamamlayıcı

  1. #decbb1
  2. #b1dbde
  3. #b5b1de

Komşu

  1. #deb5b1
  2. #decbb1
  3. #dbdeb1

Üçlü

  1. #decbb1
  2. #b1decb
  3. #cbb1de

Dörtlü

  1. #decbb1
  2. #c4deb1
  3. #b1c4de
  4. #cbb1de

Kare

  1. #decbb1
  2. #b1deb5
  3. #b1c4de
  4. #deb1db

Tek renkli

  1. #ad8349
  2. #c7a77b
  3. #decbb1
  4. #f5efe7
  5. #f9f5f1

Koyu tonlar

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

  1. #decbb1
  2. #c8b79f
  3. #b2a28e
  4. #9b8e7c
  5. #857a6a
  6. #6f6659
  7. #595147
  8. #433d35
  9. #2c2923
  10. #161412
  11. #000000

Açık tonlar

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

  1. #decbb1
  2. #e1d0b9
  3. #e5d5c1
  4. #e8dbc8
  5. #ebe0d0
  6. #efe5d8
  7. #f2eae0
  8. #f5efe8
  9. #f8f5ef
  10. #fcfaf7
  11. #ffffff

Tonlar

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

  1. #decbb1
  2. #d5c4ac
  3. #cbbca7
  4. #c2b5a2
  5. #b8ad9d
  6. #afa699
  7. #a69e94
  8. #9c978f
  9. #938f8a
  10. #898885
  11. #808080

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

Akromatopsi #cecece Erkeklerin ≈ 0.003% kadarı
Akromatomali #d4cdc3 Erkeklerin ≈ 0.001% kadarı
Protanopi #d3cbaf Erkeklerin ≈ 1.01% kadarı
Döteranopi #d7cfb2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #e6c6c4 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d7cbb0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #daceb1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e3c8bc Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-decbb1 {
  color: #decbb1;
}
Arka plan
.bg-decbb1 {
  background-color: #decbb1;
  color: #000000;
}
Kenarlık
.border-decbb1 {
  border: 2px solid #decbb1;
}
CSS değişkenleri
:root {
  --color-primary: #decbb1;
  --color-primary-rgb: 222 203 177;
  --color-primary-hsl: 35 41% 78%;
}
Geçiş
.gradient-decbb1 {
  background: linear-gradient(135deg, #decbb1, #dbdeb1);
}
Renkli gölge
.shadow-decbb1 {
  box-shadow: 0 8px 24px rgb(222 203 177 / 0.35);
}

#e3dac9 Bone ΔE 5.55 #eae0c8 Pearl ΔE 5.97 #f7e7ce Champagne ΔE 6.39 #f5deb3 Wheat ΔE 6.57 #ffe4c4 Bisque ΔE 6.62 #edc9af Desert Sand ΔE 6.70 #ffebcd Blanched Almond ΔE 7.30 #21344e Ters renk #cecece Gri tonlama 

Bone
#decbb1  rgb(222, 203, 177)  hsl(35, 41%, 78%)  Bone
#b1c4de  rgb(177, 196, 222)  hsl(215, 41%, 78%)  Light Steel Blue
#b1decb  rgb(177, 222, 203)  hsl(155, 41%, 78%)  Seafoam Green
#cbb1de  rgb(203, 177, 222)  hsl(275, 41%, 78%)  Wisteria