#a4e522 ≈ Inchworm
#a4e522 es un color de la familia verde lima, con luminosidad media y saturación vívida. En el modelo RGB se compone de 64,31% de rojo, 89,8% de verde y 13,33% de azul; impreso en CMYK usa 28,38% de cian, 0% de magenta, 85,15% de amarillo y 10,2% de negro. Su ángulo de tono es 80°, con 78,95% de saturación y 51,57% de luminosidad en HSL. Se sitúa entre cálido y frío, y a menudo se asocia con frescura, crecimiento y vitalidad. Los diseñadores suelen usarlo para marcas ecológicas, salud y bienestar y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 13,81:1 (WCAG AAA). El color con nombre más cercano es Inchworm (#b2ec5d), ΔE 4,34.
Descripción generada a partir de las propiedades medidas de este color.
| HEX | |
|---|---|
| RGB | |
| RGB en porcentaje | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web seguro | #99cc33 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binario | |
| Decimal | |
| Luminancia relativa | 0.6405 |
Sombras
#a4e522 mezclado progresivamente con negro.
Tintes
#a4e522 mezclado progresivamente con blanco.
Tonos
#a4e522 mezclado progresivamente con gris.
Texto en este color
Fondo en este color
Borde en este color
.text-a4e522 {
color: #a4e522;
}
.bg-a4e522 {
background-color: #a4e522;
color: #000000;
}
.border-a4e522 {
border: 2px solid #a4e522;
}
:root {
--color-primary: #a4e522;
--color-primary-rgb: 164 229 34;
--color-primary-hsl: 80 79% 52%;
}
.gradient-a4e522 {
background: linear-gradient(135deg, #a4e522, #43e522);
}
.shadow-a4e522 {
box-shadow: 0 8px 24px rgb(164 229 34 / 0.35);
}
Inchworm
#a4e522 rgb(164, 229, 34) hsl(80, 79%, 52%) Inchworm
#6322e5 rgb(99, 34, 229) hsl(260, 79%, 52%) Han Purple
#22a4e5 rgb(34, 164, 229) hsl(200, 79%, 52%) Carolina Blue
#e522a4 rgb(229, 34, 164) hsl(320, 79%, 52%) Shocking Pink