ColorTool
Giriş yap
#CCA5B2

#cca5b2 ≈ Pastel Pink

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

#cca5b2, “pembe” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %64,71 yeşil ve %69,8 maviden oluşur; CMYK baskıda %0 camgöbeği, %19,12 macenta, %12,75 sarı ve %20 siyah kullanır. Ton açısı 340°, HSL’de doygunluğu %27,66 ve açıklığı %72,35’dir. Sıcak bir renktir ve çoğunlukla şefkat, özen ve tatlılık ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, düğünler ve kutlamalar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 9,59:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pastel Pink (#dea5a4), ΔE 7,23.

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

Tamamlayıcı

  1. #cca5b2
  2. #a5ccbf

Bölünmüş tamamlayıcı

  1. #cca5b2
  2. #a5ccab
  3. #a5c5cc

Komşu

  1. #cca5c5
  2. #cca5b2
  3. #ccaba5

Üçlü

  1. #cca5b2
  2. #b2cca5
  3. #a5b2cc

Dörtlü

  1. #cca5b2
  2. #ccbfa5
  3. #a5ccbf
  4. #a5b2cc

Kare

  1. #cca5b2
  2. #c5cca5
  3. #a5ccbf
  4. #aba5cc

Tek renkli

  1. #8a4e62
  2. #b07488
  3. #cca5b2
  4. #e8d6dc
  5. #f8f2f4

Koyu tonlar

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

  1. #cca5b2
  2. #b895a0
  3. #a3848e
  4. #8f747d
  5. #7a636b
  6. #665359
  7. #524247
  8. #3d3235
  9. #292124
  10. #141112
  11. #000000

Açık tonlar

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

  1. #cca5b2
  2. #d1aeba
  3. #d6b7c1
  4. #dbc0c9
  5. #e0c9d1
  6. #e6d2d9
  7. #ebdbe0
  8. #f0e4e8
  9. #f5edf0
  10. #faf6f7
  11. #ffffff

Tonlar

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

  1. #cca5b2
  2. #c4a1ad
  3. #bd9ea8
  4. #b59aa3
  5. #ae969e
  6. #a69399
  7. #9e8f94
  8. #978b8f
  9. #8f878a
  10. #888485
  11. #808080

Okunaklı metin 2.19:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #afafaf Erkeklerin ≈ 0.003% kadarı
Akromatomali #bbabb0 Erkeklerin ≈ 0.001% kadarı
Protanopi #a9abb2 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b2b2b1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d3a3a9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b8a9b2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #bdadb1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d0a4ad Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#dea5a4 Pastel Pink ΔE 7.23 #b39eb5 Pastel Purple ΔE 7.33 #c4aead Silver Pink ΔE 8.09 #c8a2c8 Lilac ΔE 8.09 #bc8f8f Rosy Brown ΔE 8.37 #aa98a9 Rose Quartz ΔE 8.49 #d8bfd8 Thistle ΔE 8.70 #335a4d Ters renk #afafaf Gri tonlama 

Pastel Pink
#cca5b2  rgb(204, 165, 178)  hsl(340, 28%, 72%)  Pastel Pink
#a5ccbf  rgb(165, 204, 191)  hsl(160, 28%, 72%)  Opal
#b2cca5  rgb(178, 204, 165)  hsl(100, 28%, 72%)  Celadon
#a5b2cc  rgb(165, 178, 204)  hsl(220, 28%, 72%)  Wild Blue Yonder