#63a445 ≈ Asparagus
#63a445, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %38,82 kırmızı, %64,31 yeşil ve %27,06 maviden oluşur; CMYK baskıda %39,63 camgöbeği, %0 macenta, %57,93 sarı ve %35,69 siyah kullanır. Ton açısı 101,05°, HSL’de doygunluğu %40,77 ve açıklığı %45,69’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla doğa, sağlık ve denge ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 6,93:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Asparagus (#87a96b), ΔE 7,61.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #669933 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.2963 |
Koyu tonlar
#63a445 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#63a445 kademeli olarak beyazla karıştırıldı.
Tonlar
#63a445 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-63a445 {
color: #63a445;
}
.bg-63a445 {
background-color: #63a445;
color: #000000;
}
.border-63a445 {
border: 2px solid #63a445;
}
:root {
--color-primary: #63a445;
--color-primary-rgb: 99 164 69;
--color-primary-hsl: 101 41% 46%;
}
.gradient-63a445 {
background: linear-gradient(135deg, #63a445, #45a457);
}
.shadow-63a445 {
box-shadow: 0 8px 24px rgb(99 164 69 / 0.35);
}
Asparagus
#63a445 rgb(99, 164, 69) hsl(101, 41%, 46%) Asparagus
#8645a4 rgb(134, 69, 164) hsl(281, 41%, 46%) Royal Purple
#4563a4 rgb(69, 99, 164) hsl(221, 41%, 46%) Queen Blue
#a44563 rgb(164, 69, 99) hsl(341, 41%, 46%) Twilight Lavender