#ce2ab3 ≈ Shocking Pink
#ce2ab3, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %80,78 kırmızı, %16,47 yeşil ve %70,2 maviden oluşur; CMYK baskıda %0 camgöbeği, %79,61 macenta, %13,11 sarı ve %19,22 siyah kullanır. Ton açısı 309,88°, HSL’de doygunluğu %66,13 ve açıklığı %48,63’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 4,61:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Shocking Pink (#fc0fc0), ΔE 8,34.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #cc33cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.1803 |
Koyu tonlar
#ce2ab3 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#ce2ab3 kademeli olarak beyazla karıştırıldı.
Tonlar
#ce2ab3 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-ce2ab3 {
color: #ce2ab3;
}
.bg-ce2ab3 {
background-color: #ce2ab3;
color: #000000;
}
.border-ce2ab3 {
border: 2px solid #ce2ab3;
}
:root {
--color-primary: #ce2ab3;
--color-primary-rgb: 206 42 179;
--color-primary-hsl: 310 66% 49%;
}
.gradient-ce2ab3 {
background: linear-gradient(135deg, #ce2ab3, #ce2a61);
}
.shadow-ce2ab3 {
box-shadow: 0 8px 24px rgb(206 42 179 / 0.35);
}
Shocking Pink
#ce2ab3 rgb(206, 42, 179) hsl(310, 66%, 49%) Shocking Pink
#2ace45 rgb(42, 206, 69) hsl(130, 66%, 49%) Lime Green
#b3ce2a rgb(179, 206, 42) hsl(70, 66%, 49%) June Bud
#2ab3ce rgb(42, 179, 206) hsl(190, 66%, 49%) Moonstone Blue