#aef366 ≈ Inchworm
#aef366 é uma cor da família “verde-limão”, com luminosidade alta e saturação forte. No modelo RGB, é formada por 68,24% de vermelho, 95,29% de verde e 40% de azul; impressa em CMYK, usa 28,4% de ciano, 0% de magenta, 58,02% de amarelo e 4,71% de preto. Seu ângulo de matiz é 89,36°, com 85,45% 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 botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 15,81:1 (WCAG AAA). A cor nomeada mais próxima é Inchworm (#b2ec5d), ΔE 2,14.
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.7406 |
Sombras
#aef366 misturado progressivamente com preto.
Matizes claros
#aef366 misturado progressivamente com branco.
Tons
#aef366 misturado progressivamente com cinza.
Texto nesta cor
Fundo nesta cor
Borda nesta cor
.text-aef366 {
color: #aef366;
}
.bg-aef366 {
background-color: #aef366;
color: #000000;
}
.border-aef366 {
border: 2px solid #aef366;
}
:root {
--color-primary: #aef366;
--color-primary-rgb: 174 243 102;
--color-primary-hsl: 89 85% 68%;
}
.gradient-aef366 {
background: linear-gradient(135deg, #aef366, #68f366);
}
.shadow-aef366 {
box-shadow: 0 8px 24px rgb(174 243 102 / 0.35);
}
Inchworm
#aef366 rgb(174, 243, 102) hsl(89, 85%, 68%) Inchworm
#ab66f3 rgb(171, 102, 243) hsl(269, 85%, 68%) Medium Purple
#66aef3 rgb(102, 174, 243) hsl(209, 85%, 68%) Iceberg
#f366ae rgb(243, 102, 174) hsl(329, 85%, 68%) Hot Pink