#b95a22 ≈ Burnt Orange
#b95a22, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %72,55 kırmızı, %35,29 yeşil ve %13,33 maviden oluşur; CMYK baskıda %0 camgöbeği, %51,35 macenta, %81,62 sarı ve %27,45 siyah kullanır. Ton açısı 22,25°, HSL’de doygunluğu %68,95 ve açıklığı %42,94’dir. Sıcak bir renktir ve çoğunlukla coşku, sıcaklık ve yaratıcılık ile ilişkilendirilir. Tasarımcılar onu genellikle eylem çağrısı düğmeleri, gıda markaları ve restoranlar ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 4,62:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Burnt Orange (#cc5500), ΔE 4,41.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #cc6633 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.1774 |
Koyu tonlar
#b95a22 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#b95a22 kademeli olarak beyazla karıştırıldı.
Tonlar
#b95a22 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-b95a22 {
color: #b95a22;
}
.bg-b95a22 {
background-color: #b95a22;
color: #ffffff;
}
.border-b95a22 {
border: 2px solid #b95a22;
}
:root {
--color-primary: #b95a22;
--color-primary-rgb: 185 90 34;
--color-primary-hsl: 22 69% 43%;
}
.gradient-b95a22 {
background: linear-gradient(135deg, #b95a22, #b9a522);
}
.shadow-b95a22 {
box-shadow: 0 8px 24px rgb(185 90 34 / 0.35);
}
Burnt Orange
#b95a22 rgb(185, 90, 34) hsl(22, 69%, 43%) Burnt Orange
#2281b9 rgb(34, 129, 185) hsl(202, 69%, 43%) Steel Blue
#22b95a rgb(34, 185, 90) hsl(142, 69%, 43%) Medium Sea Green
#5a22b9 rgb(90, 34, 185) hsl(262, 69%, 43%) Rebecca Purple