#f00aaf ≈ Shocking Pink
#f00aaf, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %94,12 kırmızı, %3,92 yeşil ve %68,63 maviden oluşur; CMYK baskıda %0 camgöbeği, %95,83 macenta, %27,08 sarı ve %5,88 siyah kullanır. Ton açısı 316,96°, HSL’de doygunluğu %92 ve açıklığı %49,02’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,37:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Shocking Pink (#fc0fc0), ΔE 3,28.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #ff0099 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.2184 |
Koyu tonlar
#f00aaf kademeli olarak siyahla karıştırıldı.
Açık tonlar
#f00aaf kademeli olarak beyazla karıştırıldı.
Tonlar
#f00aaf kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-f00aaf {
color: #f00aaf;
}
.bg-f00aaf {
background-color: #f00aaf;
color: #000000;
}
.border-f00aaf {
border: 2px solid #f00aaf;
}
:root {
--color-primary: #f00aaf;
--color-primary-rgb: 240 10 175;
--color-primary-hsl: 317 92% 49%;
}
.gradient-f00aaf {
background: linear-gradient(135deg, #f00aaf, #f00a3c);
}
.shadow-f00aaf {
box-shadow: 0 8px 24px rgb(240 10 175 / 0.35);
}
Shocking Pink
#f00aaf rgb(240, 10, 175) hsl(317, 92%, 49%) Shocking Pink
#0af04b rgb(10, 240, 75) hsl(137, 92%, 49%) Lime
#aff00a rgb(175, 240, 10) hsl(77, 92%, 49%) Spring Bud
#0aaff0 rgb(10, 175, 240) hsl(197, 92%, 49%) Deep Sky Blue