#a54578 ≈ Twilight Lavender
#a54578, “gül kırmızısı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %64,71 kırmızı, %27,06 yeşil ve %47,06 maviden oluşur; CMYK baskıda %0 camgöbeği, %58,18 macenta, %27,27 sarı ve %35,29 siyah kullanır. Ton açısı 328,13°, HSL’de doygunluğu %41,03 ve açıklığı %45,88’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 marka vurguları için kullanır. Bu renk üzerinde beyaz metin 5,64:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Twilight Lavender (#8a496b), ΔE 5,88.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #993366 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.1361 |
Koyu tonlar
#a54578 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#a54578 kademeli olarak beyazla karıştırıldı.
Tonlar
#a54578 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-a54578 {
color: #a54578;
}
.bg-a54578 {
background-color: #a54578;
color: #ffffff;
}
.border-a54578 {
border: 2px solid #a54578;
}
:root {
--color-primary: #a54578;
--color-primary-rgb: 165 69 120;
--color-primary-hsl: 328 41% 46%;
}
.gradient-a54578 {
background: linear-gradient(135deg, #a54578, #a54548);
}
.shadow-a54578 {
box-shadow: 0 8px 24px rgb(165 69 120 / 0.35);
}
Twilight Lavender
#a54578 rgb(165, 69, 120) hsl(328, 41%, 46%) Twilight Lavender
#45a572 rgb(69, 165, 114) hsl(148, 41%, 46%) Jade
#78a545 rgb(120, 165, 69) hsl(88, 41%, 46%) Asparagus
#4578a5 rgb(69, 120, 165) hsl(208, 41%, 46%) Tufts Blue