#ea4ec3 ≈ Shocking Pink
#ea4ec3, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %91,76 kırmızı, %30,59 yeşil ve %76,47 maviden oluşur; CMYK baskıda %0 camgöbeği, %66,67 macenta, %16,67 sarı ve %8,24 siyah kullanır. Ton açısı 315°, HSL’de doygunluğu %78,79 ve açıklığı %61,18’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 6,38:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Shocking Pink (#fc0fc0), ΔE 4,3.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #ff66cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.2688 |
Koyu tonlar
#ea4ec3 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#ea4ec3 kademeli olarak beyazla karıştırıldı.
Tonlar
#ea4ec3 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-ea4ec3 {
color: #ea4ec3;
}
.bg-ea4ec3 {
background-color: #ea4ec3;
color: #000000;
}
.border-ea4ec3 {
border: 2px solid #ea4ec3;
}
:root {
--color-primary: #ea4ec3;
--color-primary-rgb: 234 78 195;
--color-primary-hsl: 315 79% 61%;
}
.gradient-ea4ec3 {
background: linear-gradient(135deg, #ea4ec3, #ea4e75);
}
.shadow-ea4ec3 {
box-shadow: 0 8px 24px rgb(234 78 195 / 0.35);
}
Shocking Pink
#ea4ec3 rgb(234, 78, 195) hsl(315, 79%, 61%) Shocking Pink
#4eea75 rgb(78, 234, 117) hsl(135, 79%, 61%) Pastel Green
#c3ea4e rgb(195, 234, 78) hsl(75, 79%, 61%) Inchworm
#4ec3ea rgb(78, 195, 234) hsl(195, 79%, 61%) Sky Blue