ColorTool
Giriş yap
#CC828E

#cc828e ≈ Puce

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

#cc828e, “kırmızı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %80 kırmızı, %50,98 yeşil ve %55,69 maviden oluşur; CMYK baskıda %0 camgöbeği, %36,27 macenta, %30,39 sarı ve %20 siyah kullanır. Ton açısı 350,27°, HSL’de doygunluğu %42,05 ve açıklığı %65,49’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 7,15:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Puce (#cc8899), ΔE 2,86.

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

Tamamlayıcı

  1. #cc828e
  2. #82ccc0

Bölünmüş tamamlayıcı

  1. #cc828e
  2. #82cc9b
  3. #82b3cc

Komşu

  1. #cc82b3
  2. #cc828e
  3. #cc9b82

Üçlü

  1. #cc828e
  2. #8ecc82
  3. #828ecc

Dörtlü

  1. #cc828e
  2. #ccc082
  3. #82ccc0
  4. #828ecc

Kare

  1. #cc828e
  2. #b3cc82
  3. #82ccc0
  4. #9b82cc

Tek renkli

  1. #813441
  2. #b64c5d
  3. #cc828e
  4. #e2b8bf
  5. #f8eff0

Koyu tonlar

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

  1. #cc828e
  2. #b87580
  3. #a36872
  4. #8f5b63
  5. #7a4e55
  6. #664147
  7. #523439
  8. #3d272b
  9. #291a1c
  10. #140d0e
  11. #000000

Açık tonlar

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

  1. #cc828e
  2. #d18f99
  3. #d69ba5
  4. #dba8b0
  5. #e0b4bb
  6. #e6c1c7
  7. #ebcdd2
  8. #f0dadd
  9. #f5e6e8
  10. #faf3f4
  11. #ffffff

Tonlar

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

  1. #cc828e
  2. #c4828d
  3. #bd828b
  4. #b5818a
  5. #ae8188
  6. #a68187
  7. #9e8186
  8. #978184
  9. #8f8083
  10. #888081
  11. #808080

Okunaklı metin 2.94:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #979797 Erkeklerin ≈ 0.003% kadarı
Akromatomali #af8f93 Erkeklerin ≈ 0.001% kadarı
Protanopi #8e8e8e Erkeklerin ≈ 1.01% kadarı
Döteranopi #a09c8d Erkeklerin ≈ 1.27% kadarı
Tritanopi #d97c86 Erkeklerin ≈ 0.0001% kadarı
Protanomali #aa8a8e Erkeklerin ≈ 1.08% kadarı
Döteranomali #b3928d Erkeklerin ≈ 4.63% kadarı
Tritanomali #d47e89 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-cc828e {
  color: #cc828e;
}
Arka plan
.bg-cc828e {
  background-color: #cc828e;
  color: #000000;
}
Kenarlık
.border-cc828e {
  border: 2px solid #cc828e;
}
CSS değişkenleri
:root {
  --color-primary: #cc828e;
  --color-primary-rgb: 204 130 142;
  --color-primary-hsl: 350 42% 65%;
}
Geçiş
.gradient-cc828e {
  background: linear-gradient(135deg, #cc828e, #cc9b82);
}
Renkli gölge
.shadow-cc828e {
  box-shadow: 0 8px 24px rgb(204 130 142 / 0.35);
}

#cc8899 Puce ΔE 2.86 #c08081 Old Rose ΔE 4.48 #b57281 Turkish Rose ΔE 6.30 #db7093 Pale Violet Red ΔE 6.87 #b76e79 Rose Gold ΔE 6.89 #bc8f8f Rosy Brown ΔE 7.21 #f08080 Light Coral ΔE 8.98 #337d71 Ters renk #979797 Gri tonlama 

Puce
#cc828e  rgb(204, 130, 142)  hsl(350, 42%, 65%)  Puce
#82ccc0  rgb(130, 204, 192)  hsl(170, 42%, 65%)  Medium Turquoise
#8ecc82  rgb(142, 204, 130)  hsl(110, 42%, 65%)  Pistachio
#828ecc  rgb(130, 142, 204)  hsl(230, 42%, 65%)  Glaucous