#7E5EA0#7E5EA0

#7E5EA0 es un color medio y moderadamente saturado de la familia violeta. Luminancia relativa 0.150; OKLCH L 54.2% C 0.106 H 305.5°. El mejor color de texto es #FFFFFF con contraste 5.26:1 (cumple WCAG AA).

Valores del color

HEX	#7E5EA0
RGB	rgb(126, 94, 160)
HSL	hsl(269, 26%, 50%)
HSV	hsv(269, 41%, 63%)
CMYK	cmyk(21.2%, 41.3%, 0%, 37.3%)
CIE-LAB	lab(45.61, 26.56, -30.97)
CIE-LCH	lch(45.61, 40.80, 310.61°)
OKLab	oklab(54.18% 0.0614 -0.0861)
OKLCH	oklch(54.18% 0.106 305.5)
XYZ	xyz(18.9508, 14.9792, 35.1438)
Luminance	0.1498 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#7E5EA0 #80A05E

analogous

#5E5FA0 #7E5EA0 #9F5EA0

triadic

#7E5EA0 #A07E5E #5EA07E

tetradic

#7E5EA0 #A05E5F #80A05E #5EA09F

square

#7E5EA0 #A05E5F #80A05E #5EA09F

split-complementary

#7E5EA0 #A09F5E #5FA05E

monochromatic

#413153 #604779 #7E5EA0 #9D84B7 #BCABCE

Accesibilidad y contraste

On white

5.26

#7E5EA0 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.00

#7E5EA0 on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #7E5EA0

5.26:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##7E5EA0	#FFFFFF	#000000	##FFFFFF
##7E5EA0	1.00	5.26	4.00	5.26
#FFFFFF	5.26	1.00	21.00	1.00
#000000	4.00	21.00	1.00	21.00
##FFFFFF	5.26	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#4F6BA2

Deuteranopia (green-blind)

#566C9E

Tritanopia (blue-blind)

#796877

Achromatopsia (no color)

#6C6C6C

Tokens de diseño y código

CSS

--color: #7e5ea0;
/* rgb */ color: rgb(126, 94, 160);
/* oklch */ color: oklch(54.2% 0.106 305.5);

Tailwind

colors: {
  custom: {
    50: '#a48cbc',
    500: '#7e5ea0',
    950: '#000000',
  },
}

SCSS

$custom: #7e5ea0;
$custom-light: #a48cbc;
$custom-dark: #000000;

JSON

{
  "hex": "#7e5ea0",
  "rgb": {
    "r": 126,
    "g": 94,
    "b": 160
  },
  "hsl": {
    "h": 269.091,
    "s": 25.984,
    "l": 49.804
  },
  "oklch": {
    "l": 0.54177,
    "c": 0.10571,
    "h": 305.5
  },
  "luminance": 0.14979
}

Semantic roles & 50–950 ramp

primary

#7E5EA0

secondary

#ADBC9E

accent

#C26595

background

#FAF8FB

surface

#F4F0F6

border

#CECBD0

text

#0F0C12

muted

#7F7D81

Laboratorio de vista previa

Vista previa con #7E5EA0

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

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