#bbec4e ≈ Inchworm
#bbec4e é uma cor da família “verde-limão”, com luminosidade média e saturação forte. No modelo RGB, é formada por 73,33% de vermelho, 92,55% de verde e 30,59% de azul; impressa em CMYK, usa 20,76% de ciano, 0% de magenta, 66,95% de amarelo e 7,45% de preto. Seu ângulo de matiz é 78,61°, com 80,61% de saturação e 61,57% 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,22:1 (WCAG AAA). A cor nomeada mais próxima é Inchworm (#b2ec5d), ΔE 2,58.
Descrição gerada a partir das propriedades medidas desta cor.
| HEX | |
|---|---|
| RGB | |
| RGB em porcentagem | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Segura para a web | #ccff66 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binário | |
| Decimal | |
| Luminância relativa | 0.7111 |
Sombras
#bbec4e misturado progressivamente com preto.
Matizes claros
#bbec4e misturado progressivamente com branco.
Tons
#bbec4e misturado progressivamente com cinza.
Texto nesta cor
Fundo nesta cor
Borda nesta cor
.text-bbec4e {
color: #bbec4e;
}
.bg-bbec4e {
background-color: #bbec4e;
color: #000000;
}
.border-bbec4e {
border: 2px solid #bbec4e;
}
:root {
--color-primary: #bbec4e;
--color-primary-rgb: 187 236 78;
--color-primary-hsl: 79 81% 62%;
}
.gradient-bbec4e {
background: linear-gradient(135deg, #bbec4e, #6cec4e);
}
.shadow-bbec4e {
box-shadow: 0 8px 24px rgb(187 236 78 / 0.35);
}
Inchworm
#bbec4e rgb(187, 236, 78) hsl(79, 81%, 62%) Inchworm
#7f4eec rgb(127, 78, 236) hsl(259, 81%, 62%) Majorelle Blue
#4ebbec rgb(78, 187, 236) hsl(199, 81%, 62%) Deep Sky Blue
#ec4ebb rgb(236, 78, 187) hsl(319, 81%, 62%) Shocking Pink