#784DED#784DED

#784DED es un color medio y muy saturado de la familia violeta. Luminancia relativa 0.154; OKLCH L 56.0% C 0.227 H 289.3°. El mejor color de texto es #FFFFFF con contraste 5.14:1 (cumple WCAG AA).

Valores del color

HEX	#784DED
RGB	rgb(120, 77, 237)
HSL	hsl(256, 82%, 62%)
HSV	hsv(256, 68%, 93%)
CMYK	cmyk(49.4%, 67.5%, 0%, 7.1%)
CIE-LAB	lab(46.20, 55.16, -74.52)
CIE-LCH	lch(46.20, 92.72, 306.51°)
OKLab	oklab(56.02% 0.075 -0.2138)
OKLCH	oklch(56.02% 0.227 289.3)
XYZ	xyz(25.6813, 15.4141, 81.7264)
Luminance	0.1542 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#784DED #C2ED4D

analogous

#4D72ED #784DED #C84DED

triadic

#784DED #ED784D #4DED78

tetradic

#784DED #ED4D72 #C2ED4D #4DEDC8

square

#784DED #ED4D72 #C2ED4D #4DEDC8

split-complementary

#784DED #EDC84D #72ED4D

monochromatic

#3C12AE #4F17E6 #784DED #A285F3 #CCBCF8

Accesibilidad y contraste

On white

5.14

#784DED on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.08

#784DED on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #784DED

5.14:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##784DED	#FFFFFF	#000000	##FFFFFF
##784DED	1.00	5.14	4.08	5.14
#FFFFFF	5.14	1.00	21.00	1.00
#000000	4.08	21.00	1.00	21.00
##FFFFFF	5.14	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#0071F2

Deuteranopia (green-blind)

#0069EA

Tritanopia (blue-blind)

#4F7597

Achromatopsia (no color)

#6D6D6D

Tokens de diseño y código

CSS

--color: #784ded;
/* rgb */ color: rgb(120, 77, 237);
/* oklch */ color: oklch(56.0% 0.227 289.3);

Tailwind

colors: {
  custom: {
    50: '#a882f4',
    500: '#784ded',
    950: '#000000',
  },
}

SCSS

$custom: #784ded;
$custom-light: #a882f4;
$custom-dark: #000000;

JSON

{
  "hex": "#784ded",
  "rgb": {
    "r": 120,
    "g": 77,
    "b": 237
  },
  "hsl": {
    "h": 256.125,
    "s": 81.633,
    "l": 61.569
  },
  "oklch": {
    "l": 0.56021,
    "c": 0.22656,
    "h": 289.3
  },
  "luminance": 0.15415
}

Semantic roles & 50–950 ramp

primary

#784DED

secondary

#D9E9AD

accent

#DE07A4

background

#FBF8FF

surface

#F6EFFE

border

#D0CAD6

text

#110B17

muted

#807C85

Laboratorio de vista previa

Vista previa con #784DED

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

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