#804DDE#804DDE

#804DDE es un color medio y muy saturado de la familia violeta. Luminancia relativa 0.152; OKLCH L 55.6% C 0.209 H 294.8°. El mejor color de texto es #FFFFFF con contraste 5.21:1 (cumple WCAG AA).

Valores del color

HEX	#804DDE
RGB	rgb(128, 77, 222)
HSL	hsl(261, 69%, 59%)
HSV	hsv(261, 65%, 87%)
CMYK	cmyk(42.3%, 65.3%, 0%, 12.9%)
CIE-LAB	lab(45.87, 52.57, -66.54)
CIE-LCH	lch(45.87, 84.80, 308.31°)
OKLab	oklab(55.62% 0.0879 -0.1901)
OKLCH	oklch(55.62% 0.209 294.8)
XYZ	xyz(24.7373, 15.1703, 70.7179)
Luminance	0.1517 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#804DDE #ABDE4D

analogous

#4D62DE #804DDE #C84DDE

triadic

#804DDE #DE804D #4DDE80

tetradic

#804DDE #DE4D62 #ABDE4D #4DDEC8

square

#804DDE #DE4D62 #ABDE4D #4DDEC8

split-complementary

#804DDE #DEC84D #62DE4D

monochromatic

#461C95 #5F25C9 #804DDE #A581E8 #CAB4F1

Accesibilidad y contraste

On white

5.21

#804DDE on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.03

#804DDE on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #804DDE

5.21:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##804DDE	#FFFFFF	#000000	##FFFFFF
##804DDE	1.00	5.21	4.03	5.21
#FFFFFF	5.21	1.00	21.00	1.00
#000000	4.03	21.00	1.00	21.00
##FFFFFF	5.21	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#006EE2

Deuteranopia (green-blind)

#006ADB

Tritanopia (blue-blind)

#676F8F

Achromatopsia (no color)

#6D6D6D

Tokens de diseño y código

CSS

--color: #804dde;
/* rgb */ color: rgb(128, 77, 222);
/* oklch */ color: oklch(55.6% 0.209 294.8);

Tailwind

colors: {
  custom: {
    50: '#ac82e9',
    500: '#804dde',
    950: '#000000',
  },
}

SCSS

$custom: #804dde;
$custom-light: #ac82e9;
$custom-dark: #000000;

JSON

{
  "hex": "#804dde",
  "rgb": {
    "r": 128,
    "g": 77,
    "b": 222
  },
  "hsl": {
    "h": 261.103,
    "s": 68.72,
    "l": 58.627
  },
  "oklch": {
    "l": 0.55617,
    "c": 0.2094,
    "h": 294.8
  },
  "luminance": 0.15171
}

Semantic roles & 50–950 ramp

primary

#804DDE

secondary

#CCE0A7

accent

#EC3CAE

background

#FBF8FE

surface

#F6EFFD

border

#D0CAD5

text

#110B16

muted

#807C84

Laboratorio de vista previa

Vista previa con #804DDE

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

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