#d12ab3 ≈ Shocking Pink
#d12ab3, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %81,96 kırmızı, %16,47 yeşil ve %70,2 maviden oluşur; CMYK baskıda %0 camgöbeği, %79,9 macenta, %14,35 sarı ve %18,04 siyah kullanır. Ton açısı 310,78°, HSL’de doygunluğu %66,53 ve açıklığı %49,22’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,69:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Shocking Pink (#fc0fc0), ΔE 7,71.
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.1847 |
Koyu tonlar
#d12ab3 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#d12ab3 kademeli olarak beyazla karıştırıldı.
Tonlar
#d12ab3 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-d12ab3 {
color: #d12ab3;
}
.bg-d12ab3 {
background-color: #d12ab3;
color: #000000;
}
.border-d12ab3 {
border: 2px solid #d12ab3;
}
:root {
--color-primary: #d12ab3;
--color-primary-rgb: 209 42 179;
--color-primary-hsl: 311 67% 49%;
}
.gradient-d12ab3 {
background: linear-gradient(135deg, #d12ab3, #d12a60);
}
.shadow-d12ab3 {
box-shadow: 0 8px 24px rgb(209 42 179 / 0.35);
}
Shocking Pink
#d12ab3 rgb(209, 42, 179) hsl(311, 67%, 49%) Shocking Pink
#2ad148 rgb(42, 209, 72) hsl(131, 67%, 49%) Malachite
#b3d12a rgb(179, 209, 42) hsl(71, 67%, 49%) June Bud
#2ab3d1 rgb(42, 179, 209) hsl(191, 67%, 49%) Moonstone Blue