#fd2dc6 ≈ Shocking Pink
#fd2dc6, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %99,22 kırmızı, %17,65 yeşil ve %77,65 maviden oluşur; CMYK baskıda %0 camgöbeği, %82,21 macenta, %21,74 sarı ve %0,78 siyah kullanır. Ton açısı 315,87°, HSL’de doygunluğu %98,11 ve açıklığı %58,43’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 6,37:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Shocking Pink (#fc0fc0), ΔE 1,9.
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.2684 |
Koyu tonlar
#fd2dc6 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#fd2dc6 kademeli olarak beyazla karıştırıldı.
Tonlar
#fd2dc6 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-fd2dc6 {
color: #fd2dc6;
}
.bg-fd2dc6 {
background-color: #fd2dc6;
color: #000000;
}
.border-fd2dc6 {
border: 2px solid #fd2dc6;
}
:root {
--color-primary: #fd2dc6;
--color-primary-rgb: 253 45 198;
--color-primary-hsl: 316 98% 58%;
}
.gradient-fd2dc6 {
background: linear-gradient(135deg, #fd2dc6, #fd2d5e);
}
.shadow-fd2dc6 {
box-shadow: 0 8px 24px rgb(253 45 198 / 0.35);
}
Shocking Pink
#fd2dc6 rgb(253, 45, 198) hsl(316, 98%, 58%) Shocking Pink
#2dfd64 rgb(45, 253, 100) hsl(136, 98%, 58%) Spring Green
#c6fd2d rgb(198, 253, 45) hsl(76, 98%, 58%) Electric Lime
#2dc6fd rgb(45, 198, 253) hsl(196, 98%, 58%) Deep Sky Blue