#684BDC#684BDC

#684BDC es un color medio y muy saturado de la familia violeta. Luminancia relativa 0.131; OKLCH L 52.9% C 0.210 H 286.0°. El mejor color de texto es #FFFFFF con contraste 5.79:1 (cumple WCAG AA).

Valores del color

HEX	#684BDC
RGB	rgb(104, 75, 220)
HSL	hsl(252, 67%, 58%)
HSV	hsv(252, 66%, 86%)
CMYK	cmyk(52.7%, 65.9%, 0%, 13.7%)
CIE-LAB	lab(42.98, 48.73, -70.20)
CIE-LCH	lch(42.98, 85.46, 304.77°)
OKLab	oklab(52.93% 0.0577 -0.2016)
OKLCH	oklch(52.93% 0.21 286)
XYZ	xyz(21.1394, 13.1414, 69.1189)
Luminance	0.1314 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#684BDC #BFDC4B

analogous

#4B76DC #684BDC #B04BDC

triadic

#684BDC #DC684B #4BDC68

tetradic

#684BDC #DC4B76 #BFDC4B #4BDCB0

square

#684BDC #DC4B76 #BFDC4B #4BDCB0

split-complementary

#684BDC #DCB04B #76DC4B

monochromatic

#331C91 #4626C4 #684BDC #937EE6 #BEB1F0

Accesibilidad y contraste

On white

5.79

#684BDC on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.63

#684BDC on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #684BDC

5.79:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##684BDC	#FFFFFF	#000000	##FFFFFF
##684BDC	1.00	5.79	3.63	5.79
#FFFFFF	5.79	1.00	21.00	1.00
#000000	3.63	21.00	1.00	21.00
##FFFFFF	5.79	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#0069E0

Deuteranopia (green-blind)

#0061D9

Tritanopia (blue-blind)

#396F8D

Achromatopsia (no color)

#656565

Tokens de diseño y código

CSS

--color: #684bdc;
/* rgb */ color: rgb(104, 75, 220);
/* oklch */ color: oklch(52.9% 0.210 286.0);

Tailwind

colors: {
  custom: {
    50: '#9d7fe8',
    500: '#684bdc',
    950: '#000000',
  },
}

SCSS

$custom: #684bdc;
$custom-light: #9d7fe8;
$custom-dark: #000000;

JSON

{
  "hex": "#684bdc",
  "rgb": {
    "r": 104,
    "g": 75,
    "b": 220
  },
  "hsl": {
    "h": 252,
    "s": 67.442,
    "l": 57.843
  },
  "oklch": {
    "l": 0.52933,
    "c": 0.20971,
    "h": 286
  },
  "luminance": 0.13143
}

Semantic roles & 50–950 ramp

primary

#684BDC

secondary

#D3DEA4

accent

#EA3DC8

background

#FAF7FE

surface

#F4EEFD

border

#CEC9D5

text

#0F0A16

muted

#7F7C84

Laboratorio de vista previa

Vista previa con #684BDC

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

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