ColorTool
Giriş yap
#CCAB9F

#ccab9f ≈ Silver Pink

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

#ccab9f, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %67,06 yeşil ve %62,35 maviden oluşur; CMYK baskıda %0 camgöbeği, %16,18 macenta, %22,06 sarı ve %20 siyah kullanır. Ton açısı 16°, HSL’de doygunluğu %30,61 ve açıklığı %71,18’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 9,89:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Silver Pink (#c4aead), ΔE 5,59.

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

Tamamlayıcı

  1. #ccab9f
  2. #9fc0cc

Bölünmüş tamamlayıcı

  1. #ccab9f
  2. #9fccc2
  3. #9faacc

Komşu

  1. #cc9faa
  2. #ccab9f
  3. #ccc29f

Üçlü

  1. #ccab9f
  2. #9fccab
  3. #ab9fcc

Dörtlü

  1. #ccab9f
  2. #c0cc9f
  3. #9fc0cc
  4. #ab9fcc

Kare

  1. #ccab9f
  2. #aacc9f
  3. #9fc0cc
  4. #c29fcc

Tek renkli

  1. #895a49
  2. #b17f6d
  3. #ccab9f
  4. #e7d7d1
  5. #f8f3f2

Koyu tonlar

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

  1. #ccab9f
  2. #b89a8f
  3. #a3897f
  4. #8f786f
  5. #7a675f
  6. #665650
  7. #524440
  8. #3d3330
  9. #292220
  10. #141110
  11. #000000

Açık tonlar

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

  1. #ccab9f
  2. #d1b3a9
  3. #d6bcb2
  4. #dbc4bc
  5. #e0cdc5
  6. #e6d5cf
  7. #ebddd9
  8. #f0e6e2
  9. #f5eeec
  10. #faf7f5
  11. #ffffff

Tonlar

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

  1. #ccab9f
  2. #c4a79c
  3. #bda299
  4. #b59e96
  5. #ae9a93
  6. #a69690
  7. #9e918c
  8. #978d89
  9. #8f8986
  10. #888483
  11. #808080

Okunaklı metin 2.12:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.89:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b2b2b2 Erkeklerin ≈ 0.003% kadarı
Akromatomali #bdafab Erkeklerin ≈ 0.001% kadarı
Protanopi #b3ae9e Erkeklerin ≈ 1.01% kadarı
Döteranopi #bab59f Erkeklerin ≈ 1.27% kadarı
Tritanopi #d5a6a8 Erkeklerin ≈ 0.0001% kadarı
Protanomali #bdad9f Erkeklerin ≈ 1.08% kadarı
Döteranomali #c2b19f Erkeklerin ≈ 4.63% kadarı
Tritanomali #d1a8a4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ccab9f {
  color: #ccab9f;
}
Arka plan
.bg-ccab9f {
  background-color: #ccab9f;
  color: #000000;
}
Kenarlık
.border-ccab9f {
  border: 2px solid #ccab9f;
}
CSS değişkenleri
:root {
  --color-primary: #ccab9f;
  --color-primary-rgb: 204 171 159;
  --color-primary-hsl: 16 31% 71%;
}
Geçiş
.gradient-ccab9f {
  background: linear-gradient(135deg, #ccab9f, #ccc29f);
}
Renkli gölge
.shadow-ccab9f {
  box-shadow: 0 8px 24px rgb(204 171 159 / 0.35);
}

#c4aead Silver Pink ΔE 5.59 #ebc2af Zinnwaldite ΔE 7.00 #deaa88 Tumbleweed ΔE 8.21 #dea5a4 Pastel Pink ΔE 8.58 #edc9af Desert Sand ΔE 9.44 #bc8f8f Rosy Brown ΔE 9.99 #f4c2c2 Baby Pink ΔE 10.40 #335460 Ters renk #b2b2b2 Gri tonlama 

Silver Pink
#ccab9f  rgb(204, 171, 159)  hsl(16, 31%, 71%)  Silver Pink
#9fc0cc  rgb(159, 192, 204)  hsl(196, 31%, 71%)  Pastel Blue
#9fccab  rgb(159, 204, 171)  hsl(136, 31%, 71%)  Dark Sea Green
#ab9fcc  rgb(171, 159, 204)  hsl(256, 31%, 71%)  Wisteria