#582162#582162

#582162 es un color oscuro y vivo de la familia purple. Luminancia relativa 0.040; OKLCH L 35.9% C 0.121 H 321.2°. El mejor color de texto es #FFFFFF con contraste 11.61:1 (cumple WCAG AA).

Valores del color

HEX	#582162
RGB	rgb(88, 33, 98)
HSL	hsl(291, 50%, 26%)
HSV	hsv(291, 66%, 38%)
CMYK	cmyk(10.2%, 66.3%, 0%, 61.6%)
CIE-LAB	lab(23.82, 35.66, -27.18)
CIE-LCH	lch(23.82, 44.83, 322.69°)
OKLab	oklab(35.85% 0.0942 -0.0757)
OKLCH	oklch(35.85% 0.121 321.2)
XYZ	xyz(6.7727, 4.0446, 11.9768)
Luminance	0.0404 (WCAG relative)
Temperature	neutral
Family	purple

Colores con nombre más cercanos

Royal Purple (survey)

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#582162 #2B6221

analogous

#372162 #582162 #62214B

triadic

#582162 #625821 #216258

tetradic

#582162 #623721 #2B6221 #214B62

square

#582162 #623721 #2B6221 #214B62

split-complementary

#582162 #4B6221 #216237

monochromatic

#150817 #2F1234 #582162 #813090 #AA40BE

Accesibilidad y contraste

On white

11.61

#582162 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.81

#582162 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #582162

11.61:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##582162	#FFFFFF	#000000	##FFFFFF
##582162	1.00	11.61	1.81	11.61
#FFFFFF	11.61	1.00	21.00	1.00
#000000	1.81	21.00	1.00	21.00
##FFFFFF	11.61	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#123564

Deuteranopia (green-blind)

#283B60

Tritanopia (blue-blind)

#592B3E

Achromatopsia (no color)

#393939

Tokens de diseño y código

CSS

--color: #582162;
/* rgb */ color: rgb(88, 33, 98);
/* oklch */ color: oklch(35.9% 0.121 321.2);

Tailwind

colors: {
  custom: {
    50: '#89608f',
    500: '#582162',
    950: '#000000',
  },
}

SCSS

$custom: #582162;
$custom-light: #89608f;
$custom-dark: #000000;

JSON

{
  "hex": "#582162",
  "rgb": {
    "r": 88,
    "g": 33,
    "b": 98
  },
  "hsl": {
    "h": 290.769,
    "s": 49.618,
    "l": 25.686
  },
  "oklch": {
    "l": 0.35854,
    "c": 0.12084,
    "h": 321.2
  },
  "luminance": 0.04044
}

Semantic roles & 50–950 ramp

primary

#582162

secondary

#559649

accent

#D94F64

background

#F8F5F8

surface

#F0EAF0

border

#CBC6CB

text

#0C050C

muted

#7D797D

Laboratorio de vista previa

Vista previa con #582162

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

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