#831983#831983

#831983 es un color oscuro y vivo de la familia purple. Luminancia relativa 0.072; OKLCH L 43.9% C 0.181 H 328.1°. El mejor color de texto es #FFFFFF con contraste 8.64:1 (cumple WCAG AA).

Valores del color

HEX	#831983
RGB	rgb(131, 25, 131)
HSL	hsl(300, 68%, 31%)
HSV	hsv(300, 81%, 51%)
CMYK	cmyk(0%, 80.9%, 0%, 48.6%)
CIE-LAB	lab(32.17, 55.20, -34.53)
CIE-LCH	lch(32.17, 65.11, 327.97°)
OKLab	oklab(43.94% 0.1541 -0.0958)
OKLCH	oklch(43.94% 0.181 328.1)
XYZ	xyz(13.8043, 7.1603, 22.1233)
Luminance	0.0716 (WCAG relative)
Temperature	neutral
Family	purple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#831983 #198319

analogous

#4E1983 #831983 #83194E

triadic

#831983 #838319 #198383

tetradic

#831983 #834E19 #198319 #194E83

square

#831983 #834E19 #198319 #194E83

split-complementary

#831983 #4E8319 #19834E

monochromatic

#1C051C #500F50 #831983 #B623B6 #DA3DDA

Accesibilidad y contraste

On white

8.64

#831983 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.43

#831983 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #831983

8.64:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##831983	#FFFFFF	#000000	##FFFFFF
##831983	1.00	8.64	2.43	8.64
#FFFFFF	8.64	1.00	21.00	1.00
#000000	2.43	21.00	1.00	21.00
##FFFFFF	8.64	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#004386

Deuteranopia (green-blind)

#385080

Tritanopia (blue-blind)

#872C4E

Achromatopsia (no color)

#4C4C4C

Tokens de diseño y código

CSS

--color: #831983;
/* rgb */ color: rgb(131, 25, 131);
/* oklch */ color: oklch(43.9% 0.181 328.1);

Tailwind

colors: {
  custom: {
    50: '#ab64a7',
    500: '#831983',
    950: '#000000',
  },
}

SCSS

$custom: #831983;
$custom-light: #ab64a7;
$custom-dark: #000000;

JSON

{
  "hex": "#831983",
  "rgb": {
    "r": 131,
    "g": 25,
    "b": 131
  },
  "hsl": {
    "h": 300,
    "s": 67.949,
    "l": 30.588
  },
  "oklch": {
    "l": 0.43939,
    "c": 0.18145,
    "h": 328.1
  },
  "luminance": 0.07159
}

Semantic roles & 50–950 ramp

primary

#831983

secondary

#41B741

accent

#EB3D3D

background

#FAF6FA

surface

#F5EBF4

border

#CFC6CE

text

#10060F

muted

#7F7A7F

Laboratorio de vista previa

Vista previa con #831983

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

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