#8B91C6#8B91C6

#8B91C6 es un color claro y moderadamente saturado de la familia azul. Luminancia relativa 0.298; OKLCH L 67.2% C 0.079 H 279.1°. El mejor color de texto es #000000 con contraste 6.96:1 (cumple WCAG AA).

Valores del color

HEX	#8B91C6
RGB	rgb(139, 145, 198)
HSL	hsl(234, 34%, 66%)
HSV	hsv(234, 30%, 78%)
CMYK	cmyk(29.8%, 26.8%, 0%, 22.4%)
CIE-LAB	lab(61.50, 10.01, -28.08)
CIE-LCH	lch(61.50, 29.81, 289.61°)
OKLab	oklab(67.18% 0.0124 -0.0777)
OKLCH	oklch(67.18% 0.079 279.1)
XYZ	xyz(30.9632, 29.8161, 57.5388)
Luminance	0.2982 (WCAG relative)
Temperature	cool
Family	blue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#8B91C6 #C6C08B

analogous

#8BAEC6 #8B91C6 #A28BC6

triadic

#8B91C6 #C68B91 #91C68B

tetradic

#8B91C6 #C68BAE #C6C08B #8BC6A2

square

#8B91C6 #C68BAE #C6C08B #8BC6A2

split-complementary

#8B91C6 #C6A28B #AEC68B

monochromatic

#474E90 #626AB2 #8B91C6 #B4B8DA #DDDFEE

Accesibilidad y contraste

On white

3.02

#8B91C6 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.96

#8B91C6 on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #8B91C6

6.96:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##8B91C6	#FFFFFF	#000000	##000000
##8B91C6	1.00	3.02	6.96	6.96
#FFFFFF	3.02	1.00	21.00	21.00
#000000	6.96	21.00	1.00	1.00
##000000	6.96	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#8297C8

Deuteranopia (green-blind)

#7E92C5

Tritanopia (blue-blind)

#7C9BA3

Achromatopsia (no color)

#949494

Tokens de diseño y código

CSS

--color: #8b91c6;
/* rgb */ color: rgb(139, 145, 198);
/* oklch */ color: oklch(67.2% 0.079 279.1);

Tailwind

colors: {
  custom: {
    50: '#aeb1d7',
    500: '#8b91c6',
    950: '#000000',
  },
}

SCSS

$custom: #8b91c6;
$custom-light: #aeb1d7;
$custom-dark: #000000;

JSON

{
  "hex": "#8b91c6",
  "rgb": {
    "r": 139,
    "g": 145,
    "b": 198
  },
  "hsl": {
    "h": 233.898,
    "s": 34.104,
    "l": 66.078
  },
  "oklch": {
    "l": 0.67175,
    "c": 0.07869,
    "h": 279.1
  },
  "luminance": 0.29817
}

Semantic roles & 50–950 ramp

primary

#8B91C6

secondary

#E0DECD

accent

#A139AD

background

#FAFAFD

surface

#F4F4FA

border

#CECED3

text

#101014

muted

#7F7F83

Laboratorio de vista previa

Vista previa con #8B91C6

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

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