#AF6EEA#AF6EEA

#AF6EEA es un color claro y vivo de la familia violeta. Luminancia relativa 0.262; OKLCH L 66.0% C 0.185 H 306.2°. El mejor color de texto es #000000 con contraste 6.24:1 (cumple WCAG AA).

Valores del color

HEX	#AF6EEA
RGB	rgb(175, 110, 234)
HSL	hsl(271, 75%, 67%)
HSV	hsv(271, 53%, 92%)
CMYK	cmyk(25.2%, 53%, 0%, 8.2%)
CIE-LAB	lab(58.23, 48.71, -53.14)
CIE-LCH	lch(58.23, 72.09, 312.51°)
OKLab	oklab(66.04% 0.1093 -0.1494)
OKLCH	oklch(66.04% 0.185 306.2)
XYZ	xyz(38.1033, 26.2067, 80.8770)
Luminance	0.2621 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#AF6EEA #A9EA6E

analogous

#716EEA #AF6EEA #EA6EE7

triadic

#AF6EEA #EAAF6E #6EEAAF

tetradic

#AF6EEA #EA716E #A9EA6E #6EE7EA

square

#AF6EEA #EA716E #A9EA6E #6EE7EA

split-complementary

#AF6EEA #E7EA6E #6EEA71

monochromatic

#731CC2 #9239E2 #AF6EEA #CCA3F2 #EAD9F9

Accesibilidad y contraste

On white

3.36

#AF6EEA on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.24

#AF6EEA on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #AF6EEA

6.24:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##AF6EEA	#FFFFFF	#000000	##000000
##AF6EEA	1.00	3.36	6.24	6.24
#FFFFFF	3.36	1.00	21.00	21.00
#000000	6.24	21.00	1.00	1.00
##000000	6.24	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#468AEE

Deuteranopia (green-blind)

#5B8CE7

Tritanopia (blue-blind)

#A685A2

Achromatopsia (no color)

#8C8C8C

Tokens de diseño y código

CSS

--color: #af6eea;
/* rgb */ color: rgb(175, 110, 234);
/* oklch */ color: oklch(66.0% 0.185 306.2);

Tailwind

colors: {
  custom: {
    50: '#ca9af1',
    500: '#af6eea',
    950: '#000000',
  },
}

SCSS

$custom: #af6eea;
$custom-light: #ca9af1;
$custom-dark: #000000;

JSON

{
  "hex": "#af6eea",
  "rgb": {
    "r": 175,
    "g": 110,
    "b": 234
  },
  "hsl": {
    "h": 271.452,
    "s": 74.699,
    "l": 67.451
  },
  "oklch": {
    "l": 0.66035,
    "c": 0.18508,
    "h": 306.2
  },
  "luminance": 0.26206
}

Semantic roles & 50–950 ramp

primary

#AF6EEA

secondary

#D9EDC7

accent

#D70F6E

background

#FCF9FE

surface

#F9F2FD

border

#D2CCD5

text

#140E17

muted

#827E85

Laboratorio de vista previa

Vista previa con #AF6EEA

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

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