#fb5bc3 ≈ Rose Pink
#fb5bc3, “gül kırmızısı” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %98,43 kırmızı, %35,69 yeşil ve %76,47 maviden oluşur; CMYK baskıda %0 camgöbeği, %63,75 macenta, %22,31 sarı ve %1,57 siyah kullanır. Ton açısı 321°, HSL’de doygunluğu %95,24 ve açıklığı %67,06’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla romantizm, oyunculuk ve sevgi ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 7,39:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Rose Pink (#ff66cc), ΔE 2,26.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #ff66cc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.3193 |
Koyu tonlar
#fb5bc3 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#fb5bc3 kademeli olarak beyazla karıştırıldı.
Tonlar
#fb5bc3 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-fb5bc3 {
color: #fb5bc3;
}
.bg-fb5bc3 {
background-color: #fb5bc3;
color: #000000;
}
.border-fb5bc3 {
border: 2px solid #fb5bc3;
}
:root {
--color-primary: #fb5bc3;
--color-primary-rgb: 251 91 195;
--color-primary-hsl: 321 95% 67%;
}
.gradient-fb5bc3 {
background: linear-gradient(135deg, #fb5bc3, #fb5b73);
}
.shadow-fb5bc3 {
box-shadow: 0 8px 24px rgb(251 91 195 / 0.35);
}
Rose Pink
#fb5bc3 rgb(251, 91, 195) hsl(321, 95%, 67%) Rose Pink
#5bfb93 rgb(91, 251, 147) hsl(141, 95%, 67%) Medium Spring Green
#c3fb5b rgb(195, 251, 91) hsl(81, 95%, 67%) Inchworm
#5bc3fb rgb(91, 195, 251) hsl(201, 95%, 67%) Maya Blue