ColorTool
Giriş yap
#CCB89B

#ccb89b ≈ Tan

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

#ccb89b, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %72,16 yeşil ve %60,78 maviden oluşur; CMYK baskıda %0 camgöbeği, %9,8 macenta, %24,02 sarı ve %20 siyah kullanır. Ton açısı 35,51°, HSL’de doygunluğu %32,45 ve açıklığı %70,39’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 10,9:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Tan (#d2b48c), ΔE 4,09.

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

Tamamlayıcı

  1. #ccb89b
  2. #9bafcc

Bölünmüş tamamlayıcı

  1. #ccb89b
  2. #9bc7cc
  3. #9f9bcc

Komşu

  1. #cc9f9b
  2. #ccb89b
  3. #c7cc9b

Üçlü

  1. #ccb89b
  2. #9bccb8
  3. #b89bcc

Dörtlü

  1. #ccb89b
  2. #afcc9b
  3. #9bafcc
  4. #b89bcc

Kare

  1. #ccb89b
  2. #9bcc9f
  3. #9bafcc
  4. #cc9bc7

Tek renkli

  1. #886d46
  2. #b29468
  3. #ccb89b
  4. #e6dcce
  5. #f8f5f1

Koyu tonlar

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

  1. #ccb89b
  2. #b8a68c
  3. #a3937c
  4. #8f816d
  5. #7a6e5d
  6. #665c4e
  7. #524a3e
  8. #3d372f
  9. #29251f
  10. #141210
  11. #000000

Açık tonlar

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

  1. #ccb89b
  2. #d1bfa5
  3. #d6c6af
  4. #dbcdb9
  5. #e0d4c3
  6. #e6dccd
  7. #ebe3d7
  8. #f0eae1
  9. #f5f1eb
  10. #faf8f5
  11. #ffffff

Tonlar

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

  1. #ccb89b
  2. #c4b298
  3. #bdad96
  4. #b5a793
  5. #aea290
  6. #a69c8e
  7. #9e968b
  8. #979188
  9. #8f8b85
  10. #888683
  11. #808080

Okunaklı metin 1.93:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.9:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bbbbbb Erkeklerin ≈ 0.003% kadarı
Akromatomali #c2baaf Erkeklerin ≈ 0.001% kadarı
Protanopi #c0b899 Erkeklerin ≈ 1.01% kadarı
Döteranopi #c5bd9c Erkeklerin ≈ 1.27% kadarı
Tritanopi #d5b2b0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #c5b89a Erkeklerin ≈ 1.08% kadarı
Döteranomali #c8bb9b Erkeklerin ≈ 4.63% kadarı
Tritanomali #d1b5a8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ccb89b {
  color: #ccb89b;
}
Arka plan
.bg-ccb89b {
  background-color: #ccb89b;
  color: #000000;
}
Kenarlık
.border-ccb89b {
  border: 2px solid #ccb89b;
}
CSS değişkenleri
:root {
  --color-primary: #ccb89b;
  --color-primary-rgb: 204 184 155;
  --color-primary-hsl: 36 32% 70%;
}
Geçiş
.gradient-ccb89b {
  background: linear-gradient(135deg, #ccb89b, #c7cc9b);
}
Renkli gölge
.shadow-ccb89b {
  box-shadow: 0 8px 24px rgb(204 184 155 / 0.35);
}

#d2b48c Tan ΔE 4.09 #deb887 Burly Wood ΔE 6.77 #c2b280 Ecru ΔE 7.18 #edc9af Desert Sand ΔE 8.57 #bcb88a Sage ΔE 9.33 #e3dac9 Bone ΔE 9.63 #f5deb3 Wheat ΔE 9.92 #334764 Ters renk #bbbbbb Gri tonlama 

Tan
#ccb89b  rgb(204, 184, 155)  hsl(36, 32%, 70%)  Tan
#9bafcc  rgb(155, 175, 204)  hsl(216, 32%, 70%)  Wild Blue Yonder
#9bccb8  rgb(155, 204, 184)  hsl(156, 32%, 70%)  Seafoam Green
#b89bcc  rgb(184, 155, 204)  hsl(276, 32%, 70%)  Wisteria