#ae7022 ≈ Ginger
#ae7022, “kahverengi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %68,24 kırmızı, %43,92 yeşil ve %13,33 maviden oluşur; CMYK baskıda %0 camgöbeği, %35,63 macenta, %80,46 sarı ve %31,76 siyah kullanır. Ton açısı 33,43°, HSL’de doygunluğu %67,31 ve açıklığı %40,78’dir. Sıcak bir renktir ve çoğunlukla güvenilirlik, sıcaklık ve doğallık ile ilişkilendirilir. Tasarımcılar onu genellikle kafeler ve kahve markaları, rustik ve doğal stiller ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 5,14:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Ginger (#b06500), ΔE 4,11.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #996633 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.207 |
Koyu tonlar
#ae7022 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#ae7022 kademeli olarak beyazla karıştırıldı.
Tonlar
#ae7022 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-ae7022 {
color: #ae7022;
}
.bg-ae7022 {
background-color: #ae7022;
color: #000000;
}
.border-ae7022 {
border: 2px solid #ae7022;
}
:root {
--color-primary: #ae7022;
--color-primary-rgb: 174 112 34;
--color-primary-hsl: 33 67% 41%;
}
.gradient-ae7022 {
background: linear-gradient(135deg, #ae7022, #a6ae22);
}
.shadow-ae7022 {
box-shadow: 0 8px 24px rgb(174 112 34 / 0.35);
}
Ginger
#ae7022 rgb(174, 112, 34) hsl(33, 67%, 41%) Ginger
#2260ae rgb(34, 96, 174) hsl(213, 67%, 41%) Denim
#22ae70 rgb(34, 174, 112) hsl(153, 67%, 41%) Jade
#7022ae rgb(112, 34, 174) hsl(273, 67%, 41%) Purple Heart