ColorTool
Giriş yap
#CC02AE

#cc02ae ≈ Medium Violet Red

  • macenta
  • Açıklık: orta
  • Doygunluk: canlı
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#cc02ae, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %80 kırmızı, %0,78 yeşil ve %68,24 maviden oluşur; CMYK baskıda %0 camgöbeği, %99,02 macenta, %14,71 sarı ve %20 siyah kullanır. Ton açısı 308,91°, HSL’de doygunluğu %98,06 ve açıklığı %40,39’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla yaratıcılık, cesaret ve bireysellik ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde beyaz metin 5,02:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Medium Violet Red (#c71585), ΔE 7,49.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#cc0099
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.1594

Tamamlayıcı

  1. #cc02ae
  2. #02cc20

Bölünmüş tamamlayıcı

  1. #cc02ae
  2. #49cc02
  3. #02cc85

Komşu

  1. #8502cc
  2. #cc02ae
  3. #cc0249

Üçlü

  1. #cc02ae
  2. #aecc02
  3. #02aecc

Dörtlü

  1. #cc02ae
  2. #cc2002
  3. #02cc20
  4. #02aecc

Kare

  1. #cc02ae
  2. #cc8502
  3. #02cc20
  4. #0249cc

Tek renkli

  1. #34012d
  2. #80016d
  3. #cc02ae
  4. #fd1edc
  5. #fe69e8

Koyu tonlar

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

  1. #cc02ae
  2. #b8029d
  3. #a3028b
  4. #8f017a
  5. #7a0168
  6. #660157
  7. #520146
  8. #3d0134
  9. #290023
  10. #140011
  11. #000000

Açık tonlar

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

  1. #cc02ae
  2. #d11bb6
  3. #d635be
  4. #db4ec6
  5. #e067ce
  6. #e681d7
  7. #eb9adf
  8. #f0b3e7
  9. #f5ccef
  10. #fae6f7
  11. #ffffff

Tonlar

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

  1. #cc02ae
  2. #c40fa9
  3. #bd1ba5
  4. #b528a0
  5. #ae349c
  6. #a64197
  7. #9e4e92
  8. #975a8e
  9. #8f6789
  10. #887385
  11. #808080

Okunaklı metin 5.02:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.19:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6f6f6f Erkeklerin ≈ 0.003% kadarı
Akromatomali #9d578d Erkeklerin ≈ 0.001% kadarı
Protanopi #125eb2 Erkeklerin ≈ 1.01% kadarı
Döteranopi #6379aa Erkeklerin ≈ 1.27% kadarı
Tritanopi #d72266 Erkeklerin ≈ 0.0001% kadarı
Protanomali #8849b0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #995fac Erkeklerin ≈ 4.63% kadarı
Tritanomali #d31989 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-cc02ae {
  color: #cc02ae;
}
Arka plan
.bg-cc02ae {
  background-color: #cc02ae;
  color: #ffffff;
}
Kenarlık
.border-cc02ae {
  border: 2px solid #cc02ae;
}
CSS değişkenleri
:root {
  --color-primary: #cc02ae;
  --color-primary-rgb: 204 2 174;
  --color-primary-hsl: 309 98% 40%;
}
Geçiş
.gradient-cc02ae {
  background: linear-gradient(135deg, #cc02ae, #cc0249);
}
Renkli gölge
.shadow-cc02ae {
  box-shadow: 0 8px 24px rgb(204 2 174 / 0.35);
}

#c71585 Medium Violet Red ΔE 7.49 #9a4eae Purpureus ΔE 9.82 #c54b8c Mulberry ΔE 10.42 #fc0fc0 Shocking Pink ΔE 10.50 #ba55d3 Medium Orchid ΔE 10.62 #9932cc Dark Orchid ΔE 11.20 #8e4585 Deep Plum ΔE 11.96 #33fd51 Ters renk #6f6f6f Gri tonlama 

Medium Violet Red
#cc02ae  rgb(204, 2, 174)  hsl(309, 98%, 40%)  Medium Violet Red
#02cc20  rgb(2, 204, 32)  hsl(129, 98%, 40%)  Lime Green
#aecc02  rgb(174, 204, 2)  hsl(69, 98%, 40%)  Yellow Green
#02aecc  rgb(2, 174, 204)  hsl(189, 98%, 40%)  Bondi Blue