#C39AEE#C39AEE

#C39AEE es un color claro y vivo de la familia violeta. Luminancia relativa 0.409; OKLCH L 75.5% C 0.125 H 306.0°. El mejor color de texto es #000000 con contraste 9.18:1 (cumple WCAG AA).

Valores del color

HEX	#C39AEE
RGB	rgb(195, 154, 238)
HSL	hsl(269, 71%, 77%)
HSV	hsv(269, 35%, 93%)
CMYK	cmyk(18.1%, 35.3%, 0%, 6.7%)
CIE-LAB	lab(70.10, 31.15, -36.54)
CIE-LCH	lch(70.10, 48.02, 310.44°)
OKLab	oklab(75.46% 0.0734 -0.101)
OKLCH	oklch(75.46% 0.125 306)
XYZ	xyz(49.4909, 40.8866, 86.1570)
Luminance	0.4089 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#C39AEE #C5EE9A

analogous

#9A9BEE #C39AEE #ED9AEE

triadic

#C39AEE #EEC39A #9AEEC3

tetradic

#C39AEE #EE9A9B #C5EE9A #9AEEED

square

#C39AEE #EE9A9B #C5EE9A #9AEEED

split-complementary

#C39AEE #EEED9A #9BEE9A

monochromatic

#8531DC #A466E5 #C39AEE #E2CEF7 #EFE5FB

Accesibilidad y contraste

On white

2.29

#C39AEE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.18

#C39AEE on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #C39AEE

9.18:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##C39AEE	#FFFFFF	#000000	##000000
##C39AEE	1.00	2.29	9.18	9.18
#FFFFFF	2.29	1.00	21.00	21.00
#000000	9.18	21.00	1.00	1.00
##000000	9.18	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#88AAF1

Deuteranopia (green-blind)

#91ACEC

Tritanopia (blue-blind)

#BDA7B9

Achromatopsia (no color)

#ABABAB

Tokens de diseño y código

CSS

--color: #c39aee;
/* rgb */ color: rgb(195, 154, 238);
/* oklch */ color: oklch(75.5% 0.125 306.0);

Tailwind

colors: {
  custom: {
    50: '#d6b8f4',
    500: '#c39aee',
    950: '#000000',
  },
}

SCSS

$custom: #c39aee;
$custom-light: #d6b8f4;
$custom-dark: #000000;

JSON

{
  "hex": "#c39aee",
  "rgb": {
    "r": 195,
    "g": 154,
    "b": 238
  },
  "hsl": {
    "h": 269.286,
    "s": 71.186,
    "l": 76.863
  },
  "oklch": {
    "l": 0.75458,
    "c": 0.12486,
    "h": 306
  },
  "luminance": 0.40886
}

Semantic roles & 50–950 ramp

primary

#C39AEE

secondary

#E6F2D9

accent

#D31275

background

#FDFBFE

surface

#FAF6FD

border

#D3D0D5

text

#141117

muted

#838085

Laboratorio de vista previa

Vista previa con #C39AEE

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

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