#885E99#885E99

#885E99 es un color medio y moderadamente saturado de la familia purple. Luminancia relativa 0.155; OKLCH L 54.9% C 0.101 H 315.8°. El mejor color de texto es #FFFFFF con contraste 5.11:1 (cumple WCAG AA).

Valores del color

HEX	#885E99
RGB	rgb(136, 94, 153)
HSL	hsl(283, 24%, 48%)
HSV	hsv(283, 39%, 60%)
CMYK	cmyk(11.1%, 38.6%, 0%, 40%)
CIE-LAB	lab(46.37, 28.11, -25.56)
CIE-LCH	lch(46.37, 37.99, 317.72°)
OKLab	oklab(54.89% 0.0724 -0.0703)
OKLCH	oklch(54.89% 0.101 315.8)
XYZ	xyz(19.9049, 15.5400, 32.0818)
Luminance	0.1554 (WCAG relative)
Temperature	cool
Family	purple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#885E99 #6F995E

analogous

#6A5E99 #885E99 #995E8C

triadic

#885E99 #99885E #5E9988

tetradic

#885E99 #996A5E #6F995E #5E8C99

square

#885E99 #996A5E #6F995E #5E8C99

split-complementary

#885E99 #8C995E #5E996A

monochromatic

#452F4D #664773 #885E99 #A482B2 #C0A8C9

Accesibilidad y contraste

On white

5.11

#885E99 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.11

#885E99 on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #885E99

5.11:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##885E99	#FFFFFF	#000000	##FFFFFF
##885E99	1.00	5.11	4.11	5.11
#FFFFFF	5.11	1.00	21.00	1.00
#000000	4.11	21.00	1.00	21.00
##FFFFFF	5.11	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#556B9B

Deuteranopia (green-blind)

#5F6F97

Tritanopia (blue-blind)

#876674

Achromatopsia (no color)

#6E6E6E

Tokens de diseño y código

CSS

--color: #885e99;
/* rgb */ color: rgb(136, 94, 153);
/* oklch */ color: oklch(54.9% 0.101 315.8);

Tailwind

colors: {
  custom: {
    50: '#ab8cb7',
    500: '#885e99',
    950: '#000000',
  },
}

SCSS

$custom: #885e99;
$custom-light: #ab8cb7;
$custom-dark: #000000;

JSON

{
  "hex": "#885e99",
  "rgb": {
    "r": 136,
    "g": 94,
    "b": 153
  },
  "hsl": {
    "h": 282.712,
    "s": 23.887,
    "l": 48.431
  },
  "oklch": {
    "l": 0.54893,
    "c": 0.10089,
    "h": 315.8
  },
  "luminance": 0.1554
}

Semantic roles & 50–950 ramp

primary

#885E99

secondary

#A3B89B

accent

#C06781

background

#FAF8FB

surface

#F4F0F6

border

#CECBD0

text

#100C11

muted

#7F7D80

Laboratorio de vista previa

Vista previa con #885E99

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

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