#A552BA

#a552ba ≈ Purpureus

  • magenta
  • Luminosidad: media
  • Saturación: moderada
  • Equilibrado
Comprobar contraste Explorar en el grafo Color aleatorio

#a552ba es un color de la familia magenta, con luminosidad media y saturación moderada. En el modelo RGB se compone de 64,71% de rojo, 32,16% de verde y 72,94% de azul; impreso en CMYK usa 11,29% de cian, 55,91% de magenta, 0% de amarillo y 27,06% de negro. Su ángulo de tono es 287,88°, con 42,98% de saturación y 52,55% 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 4,65:1 (WCAG AA). El color con nombre más cercano es Purpureus (#9a4eae), ΔE 3.

Descripción generada a partir de las propiedades medidas de este color.

Conversiones de #a552ba a otros espacios de color
HEX
RGB
RGB en porcentaje
CMY
CMYK
HSL
HSV / HSB
Web seguro#9966cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.1758

Texto legible 4.65:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 4.52:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #747474 ≈ 0.003% de los hombres
Acromatomalía #8a6895 ≈ 0.001% de los hombres
Protanopía #3c6fbd ≈ 1.01% de los hombres
Deuteranopía #5977b7 ≈ 1.27% de los hombres
Tritanopía #a5627e ≈ 0.0001% de los hombres
Protanomalía #7564bc ≈ 1.08% de los hombres
Deuteranomalía #7e6ab8 ≈ 4.63% de los hombres
Tritanomalía #a55c9a ≈ 0.0002% de los hombres
Simular en tu propia imagen

Texto en este color

Fondo en este color

Borde en este color

Color de texto
.text-a552ba {
  color: #a552ba;
}
Fondo
.bg-a552ba {
  background-color: #a552ba;
  color: #ffffff;
}
Borde
.border-a552ba {
  border: 2px solid #a552ba;
}
Variables CSS
:root {
  --color-primary: #a552ba;
  --color-primary-rgb: 165 82 186;
  --color-primary-hsl: 288 43% 53%;
}
Degradado
.gradient-a552ba {
  background: linear-gradient(135deg, #a552ba, #ba529b);
}
Sombra de color
.shadow-a552ba {
  box-shadow: 0 8px 24px rgb(165 82 186 / 0.35);
}

Purpureus
#a552ba  rgb(165, 82, 186)  hsl(288, 43%, 53%)  Purpureus
#67ba52  rgb(103, 186, 82)  hsl(108, 43%, 53%)  Mantis
#baa552  rgb(186, 165, 82)  hsl(48, 43%, 53%)  Brass
#52baa5  rgb(82, 186, 165)  hsl(168, 43%, 53%)  Light Sea Green