#838FED#838FED

#838FED es un color claro y vivo de la familia azul. Luminancia relativa 0.306; OKLCH L 68.1% C 0.139 H 276.6°. El mejor color de texto es #000000 con contraste 7.12:1 (cumple WCAG AA).

Valores del color

HEX	#838FED
RGB	rgb(131, 143, 237)
HSL	hsl(233, 75%, 72%)
HSV	hsv(233, 45%, 93%)
CMYK	cmyk(44.7%, 39.7%, 0%, 7.1%)
CIE-LAB	lab(62.15, 19.67, -48.82)
CIE-LCH	lch(62.15, 52.64, 291.95°)
OKLab	oklab(68.11% 0.0158 -0.1378)
OKLCH	oklch(68.11% 0.139 276.6)
XYZ	xyz(34.4639, 30.5829, 84.1915)
Luminance	0.3059 (WCAG relative)
Temperature	cool
Family	blue

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#838FED #EDE183

analogous

#83C4ED #838FED #AC83ED

triadic

#838FED #ED838F #8FED83

tetradic

#838FED #ED83C4 #EDE183 #83EDAC

square

#838FED #ED83C4 #EDE183 #83EDAC

split-complementary

#838FED #EDAC83 #C4ED83

monochromatic

#1F34D6 #4E5FE5 #838FED #B8BFF5 #E4E7FB

Accesibilidad y contraste

On white

2.95

#838FED on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.12

#838FED on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #838FED

7.12:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##838FED	#FFFFFF	#000000	##000000
##838FED	1.00	2.95	7.12	7.12
#FFFFFF	2.95	1.00	21.00	21.00
#000000	7.12	21.00	1.00	1.00
##000000	7.12	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#6C9BF1

Deuteranopia (green-blind)

#6492EB

Tritanopia (blue-blind)

#5EA2B3

Achromatopsia (no color)

#969696

Tokens de diseño y código

CSS

--color: #838fed;
/* rgb */ color: rgb(131, 143, 237);
/* oklch */ color: oklch(68.1% 0.139 276.6);

Tailwind

colors: {
  custom: {
    50: '#acaff3',
    500: '#838fed',
    950: '#000000',
  },
}

SCSS

$custom: #838fed;
$custom-light: #acaff3;
$custom-dark: #000000;

JSON

{
  "hex": "#838fed",
  "rgb": {
    "r": 131,
    "g": 143,
    "b": 237
  },
  "hsl": {
    "h": 233.208,
    "s": 74.648,
    "l": 72.157
  },
  "oklch": {
    "l": 0.68112,
    "c": 0.13872,
    "h": 276.6
  },
  "luminance": 0.30585
}

Semantic roles & 50–950 ramp

primary

#838FED

secondary

#F3F0D8

accent

#C00FD7

background

#FAFAFE

surface

#F5F4FD

border

#CFCED5

text

#101017

muted

#7F7F85

Laboratorio de vista previa

Vista previa con #838FED

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

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