#d154b9 ≈ Shocking Pink
#d154b9, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %81,96 kırmızı, %32,94 yeşil ve %72,55 maviden oluşur; CMYK baskıda %0 camgöbeği, %59,81 macenta, %11,48 sarı ve %18,04 siyah kullanır. Ton açısı 311,52°, HSL’de doygunluğu %57,6 ve açıklığı %57,45’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 5,68:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Shocking Pink (#fc0fc0), ΔE 6,78.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #cc66cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.234 |
Koyu tonlar
#d154b9 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#d154b9 kademeli olarak beyazla karıştırıldı.
Tonlar
#d154b9 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-d154b9 {
color: #d154b9;
}
.bg-d154b9 {
background-color: #d154b9;
color: #000000;
}
.border-d154b9 {
border: 2px solid #d154b9;
}
:root {
--color-primary: #d154b9;
--color-primary-rgb: 209 84 185;
--color-primary-hsl: 312 58% 57%;
}
.gradient-d154b9 {
background: linear-gradient(135deg, #d154b9, #d1547a);
}
.shadow-d154b9 {
box-shadow: 0 8px 24px rgb(209 84 185 / 0.35);
}
Shocking Pink
#d154b9 rgb(209, 84, 185) hsl(312, 58%, 57%) Shocking Pink
#54d16c rgb(84, 209, 108) hsl(132, 58%, 57%) Emerald
#b9d154 rgb(185, 209, 84) hsl(72, 58%, 57%) June Bud
#54b9d1 rgb(84, 185, 209) hsl(192, 58%, 57%) Moonstone Blue