#ec2ecc ≈ Shocking Pink
#ec2ecc, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %92,55 kırmızı, %18,04 yeşil ve %80 maviden oluşur; CMYK baskıda %0 camgöbeği, %80,51 macenta, %13,56 sarı ve %7,45 siyah kullanır. Ton açısı 310,11°, HSL’de doygunluğu %83,33 ve açıklığı %55,29’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 siyah metin 5,83:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Shocking Pink (#fc0fc0), ΔE 3,48.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #ff33cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.2415 |
Koyu tonlar
#ec2ecc kademeli olarak siyahla karıştırıldı.
Açık tonlar
#ec2ecc kademeli olarak beyazla karıştırıldı.
Tonlar
#ec2ecc kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-ec2ecc {
color: #ec2ecc;
}
.bg-ec2ecc {
background-color: #ec2ecc;
color: #000000;
}
.border-ec2ecc {
border: 2px solid #ec2ecc;
}
:root {
--color-primary: #ec2ecc;
--color-primary-rgb: 236 46 204;
--color-primary-hsl: 310 83% 55%;
}
.gradient-ec2ecc {
background: linear-gradient(135deg, #ec2ecc, #ec2e6d);
}
.shadow-ec2ecc {
box-shadow: 0 8px 24px rgb(236 46 204 / 0.35);
}
Shocking Pink
#ec2ecc rgb(236, 46, 204) hsl(310, 83%, 55%) Shocking Pink
#2eec4e rgb(46, 236, 78) hsl(130, 83%, 55%) Malachite
#ccec2e rgb(204, 236, 46) hsl(70, 83%, 55%) Pear
#2eccec rgb(46, 204, 236) hsl(190, 83%, 55%) Sky Blue