#b45f2a ≈ Burnt Orange
#b45f2a, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %70,59 kırmızı, %37,25 yeşil ve %16,47 maviden oluşur; CMYK baskıda %0 camgöbeği, %47,22 macenta, %76,67 sarı ve %29,41 siyah kullanır. Ton açısı 23,04°, HSL’de doygunluğu %62,16 ve açıklığı %43,53’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 siyah metin 4,61:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Burnt Orange (#cc5500), ΔE 5,79.
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.1805 |
Koyu tonlar
#b45f2a kademeli olarak siyahla karıştırıldı.
Açık tonlar
#b45f2a kademeli olarak beyazla karıştırıldı.
Tonlar
#b45f2a kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-b45f2a {
color: #b45f2a;
}
.bg-b45f2a {
background-color: #b45f2a;
color: #000000;
}
.border-b45f2a {
border: 2px solid #b45f2a;
}
:root {
--color-primary: #b45f2a;
--color-primary-rgb: 180 95 42;
--color-primary-hsl: 23 62% 44%;
}
.gradient-b45f2a {
background: linear-gradient(135deg, #b45f2a, #b4a42a);
}
.shadow-b45f2a {
box-shadow: 0 8px 24px rgb(180 95 42 / 0.35);
}
Burnt Orange
#b45f2a rgb(180, 95, 42) hsl(23, 62%, 44%) Burnt Orange
#2a7fb4 rgb(42, 127, 180) hsl(203, 62%, 44%) Steel Blue
#2ab45f rgb(42, 180, 95) hsl(143, 62%, 44%) Medium Sea Green
#5f2ab4 rgb(95, 42, 180) hsl(263, 62%, 44%) Rebecca Purple