#A533C8#A533C8

#A533C8 es un color medio y muy saturado de la familia purple. Luminancia relativa 0.145; OKLCH L 55.5% C 0.227 H 316.8°. El mejor color de texto es #FFFFFF con contraste 5.37:1 (cumple WCAG AA).

Valores del color

HEX#A533C8
RGBrgb(165, 51, 200)
HSLhsl(286, 59%, 49%)
HSVhsv(286, 75%, 78%)
CMYKcmyk(17.5%, 74.5%, 0%, 21.6%)
CIE-LABlab(45.00, 66.28, -55.09)
CIE-LCHlch(45.00, 86.18, 320.27°)
OKLaboklab(55.53% 0.1653 -0.1551)
OKLCHoklch(55.53% 0.227 316.8)
XYZxyz(27.1246, 14.5383, 56.0097)
Luminance0.1454 (WCAG relative)
Temperaturecool
Familypurple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#A533C8 #56C833
analogous
#5B33C8 #A533C8 #C833A1
triadic
#A533C8 #C8A533 #33C8A5
tetradic
#A533C8 #C85B33 #56C833 #33A1C8
square
#A533C8 #C85B33 #56C833 #33A1C8
split-complementary
#A533C8 #A1C833 #33C85B
monochromatic
#551A66 #7D2797 #A533C8 #BB61D7 #D092E3

Accesibilidad y contraste

On white

5.37
#A533C8 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.91
#A533C8 on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #A533C8
5.37:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##A533C8#FFFFFF#000000##FFFFFF
##A533C81.005.373.915.37
#FFFFFF5.371.0021.001.00
#0000003.9121.001.0021.00
##FFFFFF5.371.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#0064CC
Deuteranopia (green-blind)
#356EC5
Tritanopia (blue-blind)
#A3537C
Achromatopsia (no color)
#6A6A6A

Tokens de diseño y código

CSS
--color: #a533c8;
/* rgb */ color: rgb(165, 51, 200);
/* oklch */ color: oklch(55.5% 0.227 316.8);
Tailwind
colors: {
  custom: {
    50: '#c476d9',
    500: '#a533c8',
    950: '#000000',
  },
}
SCSS
$custom: #a533c8;
$custom-light: #c476d9;
$custom-dark: #000000;
JSON
{
  "hex": "#a533c8",
  "rgb": {
    "r": 165,
    "g": 51,
    "b": 200
  },
  "hsl": {
    "h": 285.906,
    "s": 59.363,
    "l": 49.216
  },
  "oklch": {
    "l": 0.55525,
    "c": 0.22666,
    "h": 316.8
  },
  "luminance": 0.14537
}

Semantic roles & 50–950 ramp

primary
#A533C8
secondary
#99CE89
accent
#E3456A
background
#FCF7FD
surface
#F8EEFB
border
#D1C9D4
text
#130915
muted
#827B83

Laboratorio de vista previa

Vista previa con #A533C8

Body copy rendered with the generated semantic roles for this colour.

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →

#A533C8 — Tintiva