#aa2ea3 ≈ Purpureus
#aa2ea3 es un color de la familia magenta, con luminosidad media y saturación moderada. En el modelo RGB se compone de 66,67% de rojo, 18,04% de verde y 63,92% de azul; impreso en CMYK usa 0% de cian, 72,94% de magenta, 4,12% de amarillo y 33,33% de negro. Su ángulo de tono es 303,39°, con 57,41% de saturación y 42,35% de luminosidad en HSL. Se sitúa entre cálido y frío, y a menudo se asocia con creatividad, audacia e individualidad. Los diseñadores suelen usarlo para belleza y cosmética, estudios creativos y acentos de marca. El texto blanco sobre este color alcanza una relación de contraste de 5,79:1 (WCAG AA). El color con nombre más cercano es Purpureus (#9a4eae), ΔE 6,35.
Descripción generada a partir de las propiedades medidas de este color.
| HEX | |
|---|---|
| RGB | |
| RGB en porcentaje | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web seguro | #993399 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binario | |
| Decimal | |
| Luminancia relativa | 0.1314 |
Sombras
#aa2ea3 mezclado progresivamente con negro.
Tintes
#aa2ea3 mezclado progresivamente con blanco.
Tonos
#aa2ea3 mezclado progresivamente con gris.
Texto en este color
Fondo en este color
Borde en este color
.text-aa2ea3 {
color: #aa2ea3;
}
.bg-aa2ea3 {
background-color: #aa2ea3;
color: #ffffff;
}
.border-aa2ea3 {
border: 2px solid #aa2ea3;
}
:root {
--color-primary: #aa2ea3;
--color-primary-rgb: 170 46 163;
--color-primary-hsl: 303 57% 42%;
}
.gradient-aa2ea3 {
background: linear-gradient(135deg, #aa2ea3, #aa2e65);
}
.shadow-aa2ea3 {
box-shadow: 0 8px 24px rgb(170 46 163 / 0.35);
}
Purpureus
#aa2ea3 rgb(170, 46, 163) hsl(303, 57%, 42%) Purpureus
#2eaa35 rgb(46, 170, 53) hsl(123, 57%, 42%) Kelly Green
#a3aa2e rgb(163, 170, 46) hsl(63, 57%, 42%) Brass
#2ea3aa rgb(46, 163, 170) hsl(183, 57%, 42%) Cadet Blue