#C2B0EE#C2B0EE

#C2B0EE es un color claro y moderadamente saturado de la familia violeta. Luminancia relativa 0.487; OKLCH L 79.4% C 0.089 H 297.7°. El mejor color de texto es #000000 con contraste 10.74:1 (cumple WCAG AA).

Valores del color

HEX	#C2B0EE
RGB	rgb(194, 176, 238)
HSL	hsl(257, 65%, 81%)
HSV	hsv(257, 26%, 93%)
CMYK	cmyk(18.5%, 26.1%, 0%, 6.7%)
CIE-LAB	lab(75.26, 18.71, -28.58)
CIE-LCH	lch(75.26, 34.15, 303.21°)
OKLab	oklab(79.39% 0.0411 -0.0784)
OKLCH	oklch(79.39% 0.089 297.7)
XYZ	xyz(53.2027, 48.6928, 87.4681)
Luminance	0.4869 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#C2B0EE #DCEEB0

analogous

#B0BDEE #C2B0EE #E1B0EE

triadic

#C2B0EE #EEC2B0 #B0EEC2

tetradic

#C2B0EE #EEB0BD #DCEEB0 #B0EEE1

square

#C2B0EE #EEB0BD #DCEEB0 #B0EEE1

split-complementary

#C2B0EE #EEE1B0 #BDEEB0

monochromatic

#744BD8 #9B7EE3 #C2B0EE #E9E2F9 #ECE6FA

Accesibilidad y contraste

On white

1.96

#C2B0EE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.74

#C2B0EE on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #C2B0EE

10.74:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##C2B0EE	#FFFFFF	#000000	##000000
##C2B0EE	1.00	1.96	10.74	10.74
#FFFFFF	1.96	1.00	21.00	21.00
#000000	10.74	21.00	1.00	1.00
##000000	10.74	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#A3B9F1

Deuteranopia (green-blind)

#A5B9EC

Tritanopia (blue-blind)

#BAB9C6

Achromatopsia (no color)

#B9B9B9

Tokens de diseño y código

CSS

--color: #c2b0ee;
/* rgb */ color: rgb(194, 176, 238);
/* oklch */ color: oklch(79.4% 0.089 297.7);

Tailwind

colors: {
  custom: {
    50: '#d5c7f3',
    500: '#c2b0ee',
    950: '#000000',
  },
}

SCSS

$custom: #c2b0ee;
$custom-light: #d5c7f3;
$custom-dark: #000000;

JSON

{
  "hex": "#c2b0ee",
  "rgb": {
    "r": 194,
    "g": 176,
    "b": 238
  },
  "hsl": {
    "h": 257.419,
    "s": 64.583,
    "l": 81.176
  },
  "oklch": {
    "l": 0.79392,
    "c": 0.08855,
    "h": 297.7
  },
  "luminance": 0.48693
}

Semantic roles & 50–950 ramp

primary

#C2B0EE

secondary

#EAF1DA

accent

#CC1998

background

#FDFCFE

surface

#FAF8FD

border

#D3D1D5

text

#141317

muted

#838285

Laboratorio de vista previa

Vista previa con #C2B0EE

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

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