#abe574 ≈ Inchworm
#abe574 é uma cor da família “verde-limão”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 67,06% de vermelho, 89,8% de verde e 45,49% de azul; impressa em CMYK, usa 25,33% de ciano, 0% de magenta, 49,34% de amarelo e 10,2% de preto. Seu ângulo de matiz é 90,8°, com 68,48% de saturação e 67,65% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a frescor, crescimento e vitalidade. Designers costumam usá-la em marcas sustentáveis, saúde e bem-estar e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 14,19:1 (WCAG AAA). A cor nomeada mais próxima é Inchworm (#b2ec5d), ΔE 4,05.
Descrição gerada a partir das propriedades medidas desta cor.
| HEX | |
|---|---|
| RGB | |
| RGB em porcentagem | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Segura para a web | #99cc66 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binário | |
| Decimal | |
| Luminância relativa | 0.6596 |
Sombras
#abe574 misturado progressivamente com preto.
Matizes claros
#abe574 misturado progressivamente com branco.
Tons
#abe574 misturado progressivamente com cinza.
Texto nesta cor
Fundo nesta cor
Borda nesta cor
.text-abe574 {
color: #abe574;
}
.bg-abe574 {
background-color: #abe574;
color: #000000;
}
.border-abe574 {
border: 2px solid #abe574;
}
:root {
--color-primary: #abe574;
--color-primary-rgb: 171 229 116;
--color-primary-hsl: 91 68% 68%;
}
.gradient-abe574 {
background: linear-gradient(135deg, #abe574, #74e576);
}
.shadow-abe574 {
box-shadow: 0 8px 24px rgb(171 229 116 / 0.35);
}
Inchworm
#abe574 rgb(171, 229, 116) hsl(91, 68%, 68%) Inchworm
#ae74e5 rgb(174, 116, 229) hsl(271, 68%, 68%) Floral Lavender
#74abe5 rgb(116, 171, 229) hsl(211, 68%, 68%) Iceberg
#e574ab rgb(229, 116, 171) hsl(331, 68%, 68%) Thulian Pink