#a2ee77 ≈ Inchworm
#a2ee77 é uma cor da família “verde”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 63,53% de vermelho, 93,33% de verde e 46,67% de azul; impressa em CMYK, usa 31,93% de ciano, 0% de magenta, 50% de amarelo e 6,67% de preto. Seu ângulo de matiz é 98,32°, com 77,78% de saturação e 70% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a natureza, saúde e equilíbrio. 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 15,03:1 (WCAG AAA). A cor nomeada mais próxima é Inchworm (#b2ec5d), ΔE 4,82.
Descrição gerada a partir das propriedades medidas desta cor.
| HEX | |
|---|---|
| RGB | |
| RGB em porcentagem | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Segura para a web | #99ff66 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binário | |
| Decimal | |
| Luminância relativa | 0.7016 |
Sombras
#a2ee77 misturado progressivamente com preto.
Matizes claros
#a2ee77 misturado progressivamente com branco.
Tons
#a2ee77 misturado progressivamente com cinza.
Texto nesta cor
Fundo nesta cor
Borda nesta cor
.text-a2ee77 {
color: #a2ee77;
}
.bg-a2ee77 {
background-color: #a2ee77;
color: #000000;
}
.border-a2ee77 {
border: 2px solid #a2ee77;
}
:root {
--color-primary: #a2ee77;
--color-primary-rgb: 162 238 119;
--color-primary-hsl: 98 78% 70%;
}
.gradient-a2ee77 {
background: linear-gradient(135deg, #a2ee77, #77ee88);
}
.shadow-a2ee77 {
box-shadow: 0 8px 24px rgb(162 238 119 / 0.35);
}
Inchworm
#a2ee77 rgb(162, 238, 119) hsl(98, 78%, 70%) Inchworm
#c377ee rgb(195, 119, 238) hsl(278, 78%, 70%) Floral Lavender
#77a2ee rgb(119, 162, 238) hsl(218, 78%, 70%) Cornflower Blue
#ee77a2 rgb(238, 119, 162) hsl(338, 78%, 70%) Thulian Pink