#ba7336 ≈ Copper
#ba7336, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %72,94 kırmızı, %45,1 yeşil ve %21,18 maviden oluşur; CMYK baskıda %0 camgöbeği, %38,17 macenta, %70,97 sarı ve %27,06 siyah kullanır. Ton açısı 27,73°, HSL’de doygunluğu %55 ve açıklığı %47,06’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 5,59:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Copper (#b87333), ΔE 1.
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.2297 |
Koyu tonlar
#ba7336 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#ba7336 kademeli olarak beyazla karıştırıldı.
Tonlar
#ba7336 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-ba7336 {
color: #ba7336;
}
.bg-ba7336 {
background-color: #ba7336;
color: #000000;
}
.border-ba7336 {
border: 2px solid #ba7336;
}
:root {
--color-primary: #ba7336;
--color-primary-rgb: 186 115 54;
--color-primary-hsl: 28 55% 47%;
}
.gradient-ba7336 {
background: linear-gradient(135deg, #ba7336, #bab536);
}
.shadow-ba7336 {
box-shadow: 0 8px 24px rgb(186 115 54 / 0.35);
}
Copper
#ba7336 rgb(186, 115, 54) hsl(28, 55%, 47%) Copper
#367dba rgb(54, 125, 186) hsl(208, 55%, 47%) Tufts Blue
#36ba73 rgb(54, 186, 115) hsl(148, 55%, 47%) Medium Sea Green
#7336ba rgb(115, 54, 186) hsl(268, 55%, 47%) Purple Heart