ColorTool
Giriş yap
#CC9AA4

#cc9aa4 ≈ Puce

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

#cc9aa4, “kırmızı” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %60,39 yeşil ve %64,31 maviden oluşur; CMYK baskıda %0 camgöbeği, %24,51 macenta, %19,61 sarı ve %20 siyah kullanır. Ton açısı 348°, HSL’de doygunluğu %32,89 ve açıklığı %70,2’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 8,73:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Puce (#cc8899), ΔE 5,6.

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

Tamamlayıcı

  1. #cc9aa4
  2. #9accc2

Bölünmüş tamamlayıcı

  1. #cc9aa4
  2. #9acca9
  3. #9abdcc

Komşu

  1. #cc9abd
  2. #cc9aa4
  3. #cca99a

Üçlü

  1. #cc9aa4
  2. #a4cc9a
  3. #9aa4cc

Dörtlü

  1. #cc9aa4
  2. #ccc29a
  3. #9accc2
  4. #9aa4cc

Kare

  1. #cc9aa4
  2. #bdcc9a
  3. #9accc2
  4. #a99acc

Tek renkli

  1. #884552
  2. #b26776
  3. #cc9aa4
  4. #e6cdd2
  5. #f8f1f3

Koyu tonlar

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

  1. #cc9aa4
  2. #b88b94
  3. #a37b83
  4. #8f6c73
  5. #7a5c62
  6. #664d52
  7. #523e42
  8. #3d2e31
  9. #291f21
  10. #140f10
  11. #000000

Açık tonlar

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

  1. #cc9aa4
  2. #d1a4ad
  3. #d6aeb6
  4. #dbb8bf
  5. #e0c2c8
  6. #e6cdd2
  7. #ebd7db
  8. #f0e1e4
  9. #f5ebed
  10. #faf5f6
  11. #ffffff

Tonlar

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

  1. #cc9aa4
  2. #c497a0
  3. #bd959d
  4. #b59299
  5. #ae9096
  6. #a68d92
  7. #9e8a8e
  8. #97888b
  9. #8f8587
  10. #888384
  11. #808080

Okunaklı metin 2.41:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.73:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a7a7a7 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b7a2a6 Erkeklerin ≈ 0.001% kadarı
Protanopi #a1a2a4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #adaaa3 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d5979d Erkeklerin ≈ 0.0001% kadarı
Protanomali #b49fa4 Erkeklerin ≈ 1.08% kadarı
Döteranomali #baa4a3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d298a0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#cc8899 Puce ΔE 5.60 #bc8f8f Rosy Brown ΔE 5.60 #dea5a4 Pastel Pink ΔE 5.71 #c08081 Old Rose ΔE 8.76 #f6adc6 Nadeshiko Pink ΔE 9.17 #b39eb5 Pastel Purple ΔE 9.78 #c4aead Silver Pink ΔE 10.15 #33655b Ters renk #a7a7a7 Gri tonlama 

Puce
#cc9aa4  rgb(204, 154, 164)  hsl(348, 33%, 70%)  Puce
#9accc2  rgb(154, 204, 194)  hsl(168, 33%, 70%)  Opal
#a4cc9a  rgb(164, 204, 154)  hsl(108, 33%, 70%)  Dark Sea Green
#9aa4cc  rgb(154, 164, 204)  hsl(228, 33%, 70%)  Wild Blue Yonder