ColorTool
Giriş yap
#CCB0A5

#ccb0a5 ≈ Silver Pink

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

#ccb0a5, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %69,02 yeşil ve %64,71 maviden oluşur; CMYK baskıda %0 camgöbeği, %13,73 macenta, %19,12 sarı ve %20 siyah kullanır. Ton açısı 16,92°, HSL’de doygunluğu %27,66 ve açıklığı %72,35’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,32:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Silver Pink (#c4aead), ΔE 4,75.

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

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

Tamamlayıcı

  1. #ccb0a5
  2. #a5c1cc

Bölünmüş tamamlayıcı

  1. #ccb0a5
  2. #a5ccc3
  3. #a5adcc

Komşu

  1. #cca5ad
  2. #ccb0a5
  3. #ccc3a5

Üçlü

  1. #ccb0a5
  2. #a5ccb0
  3. #b0a5cc

Dörtlü

  1. #ccb0a5
  2. #c1cca5
  3. #a5c1cc
  4. #b0a5cc

Kare

  1. #ccb0a5
  2. #adcca5
  3. #a5c1cc
  4. #c3a5cc

Tek renkli

  1. #8a5f4e
  2. #b08574
  3. #ccb0a5
  4. #e8dbd6
  5. #f8f4f2

Koyu tonlar

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

  1. #ccb0a5
  2. #b89e95
  3. #a38d84
  4. #8f7b74
  5. #7a6a63
  6. #665853
  7. #524642
  8. #3d3532
  9. #292321
  10. #141211
  11. #000000

Açık tonlar

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

  1. #ccb0a5
  2. #d1b8ae
  3. #d6c0b7
  4. #dbc8c0
  5. #e0d0c9
  6. #e6d8d2
  7. #ebdfdb
  8. #f0e7e4
  9. #f5efed
  10. #faf7f6
  11. #ffffff

Tonlar

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

  1. #ccb0a5
  2. #c4aba1
  3. #bda69e
  4. #b5a29a
  5. #ae9d96
  6. #a69893
  7. #9e938f
  8. #978e8b
  9. #8f8a87
  10. #888584
  11. #808080

Okunaklı metin 2.03:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.32:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b6b6b6 Erkeklerin ≈ 0.003% kadarı
Akromatomali #bfb3af Erkeklerin ≈ 0.001% kadarı
Protanopi #b7b2a4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #bdb8a5 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d4acad Erkeklerin ≈ 0.0001% kadarı
Protanomali #c0b1a5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c3b5a5 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d1aeaa Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ccb0a5 {
  color: #ccb0a5;
}
Arka plan
.bg-ccb0a5 {
  background-color: #ccb0a5;
  color: #000000;
}
Kenarlık
.border-ccb0a5 {
  border: 2px solid #ccb0a5;
}
CSS değişkenleri
:root {
  --color-primary: #ccb0a5;
  --color-primary-rgb: 204 176 165;
  --color-primary-hsl: 17 28% 72%;
}
Geçiş
.gradient-ccb0a5 {
  background: linear-gradient(135deg, #ccb0a5, #ccc3a5);
}
Renkli gölge
.shadow-ccb0a5 {
  box-shadow: 0 8px 24px rgb(204 176 165 / 0.35);
}

#c4aead Silver Pink ΔE 4.75 #ebc2af Zinnwaldite ΔE 6.75 #edc9af Desert Sand ΔE 8.71 #deaa88 Tumbleweed ΔE 9.10 #dea5a4 Pastel Pink ΔE 9.86 #f4c2c2 Baby Pink ΔE 10.55 #fbceb1 Apricot ΔE 10.74 #334f5a Ters renk #b6b6b6 Gri tonlama 

Silver Pink
#ccb0a5  rgb(204, 176, 165)  hsl(17, 28%, 72%)  Silver Pink
#a5c1cc  rgb(165, 193, 204)  hsl(197, 28%, 72%)  Pastel Blue
#a5ccb0  rgb(165, 204, 176)  hsl(137, 28%, 72%)  Seafoam Green
#b0a5cc  rgb(176, 165, 204)  hsl(257, 28%, 72%)  Pastel Purple