#8381FC#8381FC

#8381FC es un color claro y vivo de la familia azul. Luminancia relativa 0.276; OKLCH L 66.3% C 0.178 H 281.1°. El mejor color de texto es #000000 con contraste 6.51:1 (cumple WCAG AA).

Valores del color

HEX	#8381FC
RGB	rgb(131, 129, 252)
HSL	hsl(241, 95%, 75%)
HSV	hsv(241, 49%, 99%)
CMYK	cmyk(48%, 48.8%, 0%, 1.2%)
CIE-LAB	lab(59.48, 32.26, -61.35)
CIE-LCH	lch(59.48, 69.31, 297.74°)
OKLab	oklab(66.35% 0.0343 -0.1746)
OKLCH	oklch(66.35% 0.178 281.1)
XYZ	xyz(34.7757, 27.5523, 95.5623)
Luminance	0.2755 (WCAG relative)
Temperature	cool
Family	blue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#8381FC #FAFC81

analogous

#81BCFC #8381FC #C181FC

triadic

#8381FC #FC8381 #81FC83

tetradic

#8381FC #FC81BC #FAFC81 #81FCC1

square

#8381FC #FC81BC #FAFC81 #81FCC1

split-complementary

#8381FC #FCC181 #BCFC81

monochromatic

#0D09F9 #4845FB #8381FC #BEBDFD #E2E1FE

Accesibilidad y contraste

On white

3.23

#8381FC on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.51

#8381FC on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #8381FC

6.51:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##8381FC	#FFFFFF	#000000	##000000
##8381FC	1.00	3.23	6.51	6.51
#FFFFFF	3.23	1.00	21.00	21.00
#000000	6.51	21.00	1.00	1.00
##000000	6.51	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#4994FF

Deuteranopia (green-blind)

#3F8BF9

Tritanopia (blue-blind)

#569CB3

Achromatopsia (no color)

#8F8F8F

Tokens de diseño y código

CSS

--color: #8381fc;
/* rgb */ color: rgb(131, 129, 252);
/* oklch */ color: oklch(66.3% 0.178 281.1);

Tailwind

colors: {
  custom: {
    50: '#aea5fe',
    500: '#8381fc',
    950: '#000000',
  },
}

SCSS

$custom: #8381fc;
$custom-light: #aea5fe;
$custom-dark: #000000;

JSON

{
  "hex": "#8381fc",
  "rgb": {
    "r": 131,
    "g": 129,
    "b": 252
  },
  "hsl": {
    "h": 240.976,
    "s": 95.349,
    "l": 74.706
  },
  "oklch": {
    "l": 0.66345,
    "c": 0.17792,
    "h": 281.1
  },
  "luminance": 0.27554
}

Semantic roles & 50–950 ramp

primary

#8381FC

secondary

#F6F7D4

accent

#E600E2

background

#FBFAFF

surface

#F6F4FF

border

#D0CED7

text

#110F18

muted

#807F86

Laboratorio de vista previa

Vista previa con #8381FC

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

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