#adde4e ≈ Inchworm
#adde4e é uma cor da família “verde-limão”, com luminosidade média e saturação forte. No modelo RGB, é formada por 67,84% de vermelho, 87,06% de verde e 30,59% de azul; impressa em CMYK, usa 22,07% de ciano, 0% de magenta, 64,86% de amarelo e 12,94% de preto. Seu ângulo de matiz é 80,42°, com 68,57% de saturação e 58,82% 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 13,34:1 (WCAG AAA). A cor nomeada mais próxima é Inchworm (#b2ec5d), ΔE 3,28.
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.6168 |
Sombras
#adde4e misturado progressivamente com preto.
Matizes claros
#adde4e misturado progressivamente com branco.
Tons
#adde4e misturado progressivamente com cinza.
Texto nesta cor
Fundo nesta cor
Borda nesta cor
.text-adde4e {
color: #adde4e;
}
.bg-adde4e {
background-color: #adde4e;
color: #000000;
}
.border-adde4e {
border: 2px solid #adde4e;
}
:root {
--color-primary: #adde4e;
--color-primary-rgb: 173 222 78;
--color-primary-hsl: 80 69% 59%;
}
.gradient-adde4e {
background: linear-gradient(135deg, #adde4e, #65de4e);
}
.shadow-adde4e {
box-shadow: 0 8px 24px rgb(173 222 78 / 0.35);
}
Inchworm
#adde4e rgb(173, 222, 78) hsl(80, 69%, 59%) Inchworm
#7f4ede rgb(127, 78, 222) hsl(260, 69%, 59%) Majorelle Blue
#4eadde rgb(78, 173, 222) hsl(200, 69%, 59%) Carolina Blue
#de4ead rgb(222, 78, 173) hsl(320, 69%, 59%) Shocking Pink