#ea2fd6 ≈ Shocking Pink
#ea2fd6, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %91,76 kırmızı, %18,43 yeşil ve %83,92 maviden oluşur; CMYK baskıda %0 camgöbeği, %79,91 macenta, %8,55 sarı ve %8,24 siyah kullanır. Ton açısı 306,42°, HSL’de doygunluğu %81,66 ve açıklığı %55,1’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,88:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Shocking Pink (#fc0fc0), ΔE 4,97.
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.2438 |
Koyu tonlar
#ea2fd6 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#ea2fd6 kademeli olarak beyazla karıştırıldı.
Tonlar
#ea2fd6 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-ea2fd6 {
color: #ea2fd6;
}
.bg-ea2fd6 {
background-color: #ea2fd6;
color: #000000;
}
.border-ea2fd6 {
border: 2px solid #ea2fd6;
}
:root {
--color-primary: #ea2fd6;
--color-primary-rgb: 234 47 214;
--color-primary-hsl: 306 82% 55%;
}
.gradient-ea2fd6 {
background: linear-gradient(135deg, #ea2fd6, #ea2f78);
}
.shadow-ea2fd6 {
box-shadow: 0 8px 24px rgb(234 47 214 / 0.35);
}
Shocking Pink
#ea2fd6 rgb(234, 47, 214) hsl(306, 82%, 55%) Shocking Pink
#2fea43 rgb(47, 234, 67) hsl(126, 82%, 55%) Malachite
#d6ea2f rgb(214, 234, 47) hsl(66, 82%, 55%) Pear
#2fd6ea rgb(47, 214, 234) hsl(186, 82%, 55%) Dark Turquoise