#bef561 ≈ Inchworm
#bef561 é uma cor da família “verde-limão”, com luminosidade alta e saturação forte. No modelo RGB, é formada por 74,51% de vermelho, 96,08% de verde e 38,04% de azul; impressa em CMYK, usa 22,45% de ciano, 0% de magenta, 60,41% de amarelo e 3,92% de preto. Seu ângulo de matiz é 82,3°, com 88,1% de saturação e 67,06% 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 16,42:1 (WCAG AAA). A cor nomeada mais próxima é Inchworm (#b2ec5d), ΔE 2,23.
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.7712 |
Sombras
#bef561 misturado progressivamente com preto.
Matizes claros
#bef561 misturado progressivamente com branco.
Tons
#bef561 misturado progressivamente com cinza.
Texto nesta cor
Fundo nesta cor
Borda nesta cor
.text-bef561 {
color: #bef561;
}
.bg-bef561 {
background-color: #bef561;
color: #000000;
}
.border-bef561 {
border: 2px solid #bef561;
}
:root {
--color-primary: #bef561;
--color-primary-rgb: 190 245 97;
--color-primary-hsl: 82 88% 67%;
}
.gradient-bef561 {
background: linear-gradient(135deg, #bef561, #74f561);
}
.shadow-bef561 {
box-shadow: 0 8px 24px rgb(190 245 97 / 0.35);
}
Inchworm
#bef561 rgb(190, 245, 97) hsl(82, 88%, 67%) Inchworm
#9861f5 rgb(152, 97, 245) hsl(262, 88%, 67%) Medium Purple
#61bef5 rgb(97, 190, 245) hsl(202, 88%, 67%) Maya Blue
#f561be rgb(245, 97, 190) hsl(322, 88%, 67%) Rose Pink