ColorTool
Giriş yap
#CCA0A8

#cca0a8 ≈ Pastel Pink

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

#cca0a8, “kırmızı” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %62,75 yeşil ve %65,88 maviden oluşur; CMYK baskıda %0 camgöbeği, %21,57 macenta, %17,65 sarı ve %20 siyah kullanır. Ton açısı 349,09°, HSL’de doygunluğu %30,14 ve açıklığı %71,37’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 9,16:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pastel Pink (#dea5a4), ΔE 5,24.

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

Tamamlayıcı

  1. #cca0a8
  2. #a0ccc4

Bölünmüş tamamlayıcı

  1. #cca0a8
  2. #a0ccae
  3. #a0becc

Komşu

  1. #cca0be
  2. #cca0a8
  3. #ccaea0

Üçlü

  1. #cca0a8
  2. #a8cca0
  3. #a0a8cc

Dörtlü

  1. #cca0a8
  2. #ccc4a0
  3. #a0ccc4
  4. #a0a8cc

Kare

  1. #cca0a8
  2. #becca0
  3. #a0ccc4
  4. #aea0cc

Tek renkli

  1. #894a55
  2. #b16e7a
  3. #cca0a8
  4. #e7d2d6
  5. #f8f2f3

Koyu tonlar

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

  1. #cca0a8
  2. #b89097
  3. #a38086
  4. #8f7076
  5. #7a6065
  6. #665054
  7. #524043
  8. #3d3032
  9. #292022
  10. #141011
  11. #000000

Açık tonlar

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

  1. #cca0a8
  2. #d1aab1
  3. #d6b3b9
  4. #dbbdc2
  5. #e0c6cb
  6. #e6d0d4
  7. #ebd9dc
  8. #f0e3e5
  9. #f5ecee
  10. #faf6f6
  11. #ffffff

Tonlar

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

  1. #cca0a8
  2. #c49da4
  3. #bd9aa0
  4. #b5969c
  5. #ae9398
  6. #a69094
  7. #9e8d90
  8. #978a8c
  9. #8f8688
  10. #888384
  11. #808080

Okunaklı metin 2.29:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.16:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #ababab Erkeklerin ≈ 0.003% kadarı
Akromatomali #b9a7aa Erkeklerin ≈ 0.001% kadarı
Protanopi #a6a7a8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b0aea7 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d49da3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b6a4a8 Erkeklerin ≈ 1.08% kadarı
Döteranomali #bca9a8 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d19ea5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#dea5a4 Pastel Pink ΔE 5.24 #bc8f8f Rosy Brown ΔE 6.10 #cc8899 Puce ΔE 7.62 #c4aead Silver Pink ΔE 8.26 #b39eb5 Pastel Purple ΔE 9.13 #f6adc6 Nadeshiko Pink ΔE 9.33 #aa98a9 Rose Quartz ΔE 9.59 #335f57 Ters renk #ababab Gri tonlama 

Pastel Pink
#cca0a8  rgb(204, 160, 168)  hsl(349, 30%, 71%)  Pastel Pink
#a0ccc4  rgb(160, 204, 196)  hsl(169, 30%, 71%)  Opal
#a8cca0  rgb(168, 204, 160)  hsl(109, 30%, 71%)  Dark Sea Green
#a0a8cc  rgb(160, 168, 204)  hsl(229, 30%, 71%)  Wild Blue Yonder