#7ea563 ≈ Asparagus
#7ea563, “yeşil” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %49,41 kırmızı, %64,71 yeşil ve %38,82 maviden oluşur; CMYK baskıda %23,64 camgöbeği, %0 macenta, %40 sarı ve %35,29 siyah kullanır. Ton açısı 95,45°, HSL’de doygunluğu %26,83 ve açıklığı %51,76’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 7,45:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Asparagus (#87a96b), ΔE 1,96.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #669966 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.3225 |
Koyu tonlar
#7ea563 kademeli olarak siyahla karıştırıldı.
Açık tonlar
#7ea563 kademeli olarak beyazla karıştırıldı.
Tonlar
#7ea563 kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-7ea563 {
color: #7ea563;
}
.bg-7ea563 {
background-color: #7ea563;
color: #000000;
}
.border-7ea563 {
border: 2px solid #7ea563;
}
:root {
--color-primary: #7ea563;
--color-primary-rgb: 126 165 99;
--color-primary-hsl: 95 27% 52%;
}
.gradient-7ea563 {
background: linear-gradient(135deg, #7ea563, #63a569);
}
.shadow-7ea563 {
box-shadow: 0 8px 24px rgb(126 165 99 / 0.35);
}
Asparagus
#7ea563 rgb(126, 165, 99) hsl(95, 27%, 52%) Asparagus
#8a63a5 rgb(138, 99, 165) hsl(275, 27%, 52%) Purpureus
#637ea5 rgb(99, 126, 165) hsl(215, 27%, 52%) Glaucous
#a5637e rgb(165, 99, 126) hsl(335, 27%, 52%) Mauve Taupe