#5E41CD#5E41CD

#5E41CD es un color medio y muy saturado de la familia violeta. Luminancia relativa 0.106; OKLCH L 49.4% C 0.204 H 285.7°. El mejor color de texto es #FFFFFF con contraste 6.74:1 (cumple WCAG AA).

Valores del color

HEX	#5E41CD
RGB	rgb(94, 65, 205)
HSL	hsl(252, 58%, 53%)
HSV	hsv(252, 68%, 80%)
CMYK	cmyk(54.1%, 68.3%, 0%, 19.6%)
CIE-LAB	lab(38.84, 48.18, -68.37)
CIE-LCH	lch(38.84, 83.64, 305.17°)
OKLab	oklab(49.36% 0.0552 -0.1965)
OKLCH	oklch(49.36% 0.204 285.7)
XYZ	xyz(17.5225, 10.5671, 58.8621)
Luminance	0.1057 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Blue With A Hint Of Purple

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#5E41CD #B0CD41

analogous

#416ACD #5E41CD #A441CD

triadic

#5E41CD #CD5E41 #41CD5E

tetradic

#5E41CD #CD416A #B0CD41 #41CDA4

square

#5E41CD #CD416A #B0CD41 #41CDA4

split-complementary

#5E41CD #CDA441 #6ACD41

monochromatic

#311F75 #452CA5 #5E41CD #8771DA #B0A2E6

Accesibilidad y contraste

On white

6.74

#5E41CD on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.11

#5E41CD on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #5E41CD

6.74:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##5E41CD	#FFFFFF	#000000	##FFFFFF
##5E41CD	1.00	6.74	3.11	6.74
#FFFFFF	6.74	1.00	21.00	1.00
#000000	3.11	21.00	1.00	21.00
##FFFFFF	6.74	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#005FD1

Deuteranopia (green-blind)

#0057CA

Tritanopia (blue-blind)

#2E6582

Achromatopsia (no color)

#5B5B5B

Tokens de diseño y código

CSS

--color: #5e41cd;
/* rgb */ color: rgb(94, 65, 205);
/* oklch */ color: oklch(49.4% 0.204 285.7);

Tailwind

colors: {
  custom: {
    50: '#9678dd',
    500: '#5e41cd',
    950: '#000000',
  },
}

SCSS

$custom: #5e41cd;
$custom-light: #9678dd;
$custom-dark: #000000;

JSON

{
  "hex": "#5e41cd",
  "rgb": {
    "r": 94,
    "g": 65,
    "b": 205
  },
  "hsl": {
    "h": 252.429,
    "s": 58.333,
    "l": 52.941
  },
  "oklch": {
    "l": 0.49364,
    "c": 0.20415,
    "h": 285.7
  },
  "luminance": 0.10568
}

Semantic roles & 50–950 ramp

primary

#5E41CD

secondary

#C7D397

accent

#E246C1

background

#F9F7FD

surface

#F2EDFB

border

#CCC8D4

text

#0F0915

muted

#7E7B83

Laboratorio de vista previa

Vista previa con #5E41CD

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

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