#664487#664487

#664487 es un color medio y moderadamente saturado de la familia violeta. Luminancia relativa 0.087; OKLCH L 45.5% C 0.111 H 305.9°. El mejor color de texto es #FFFFFF con contraste 7.66:1 (cumple WCAG AA).

Valores del color

HEX	#664487
RGB	rgb(102, 68, 135)
HSL	hsl(270, 33%, 40%)
HSV	hsv(270, 50%, 53%)
CMYK	cmyk(24.4%, 49.6%, 0%, 47.1%)
CIE-LAB	lab(35.42, 28.64, -32.11)
CIE-LCH	lch(35.42, 43.03, 311.73°)
OKLab	oklab(45.5% 0.065 -0.0899)
OKLCH	oklch(45.5% 0.111 305.9)
XYZ	xyz(11.9189, 8.7084, 23.9700)
Luminance	0.0871 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#664487 #658744

analogous

#454487 #664487 #874487

triadic

#664487 #876644 #448766

tetradic

#664487 #874544 #658744 #448787

square

#664487 #874544 #658744 #448787

split-complementary

#664487 #878744 #448745

monochromatic

#281B36 #472F5E #664487 #855CAD #A384C1

Accesibilidad y contraste

On white

7.66

#664487 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.74

#664487 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #664487

7.66:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##664487	#FFFFFF	#000000	##FFFFFF
##664487	1.00	7.66	2.74	7.66
#FFFFFF	7.66	1.00	21.00	1.00
#000000	2.74	21.00	1.00	21.00
##FFFFFF	7.66	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#325289

Deuteranopia (green-blind)

#3B5485

Tritanopia (blue-blind)

#614F5F

Achromatopsia (no color)

#535353

Tokens de diseño y código

CSS

--color: #664487;
/* rgb */ color: rgb(102, 68, 135);
/* oklch */ color: oklch(45.5% 0.111 305.9);

Tailwind

colors: {
  custom: {
    50: '#9379aa',
    500: '#664487',
    950: '#000000',
  },
}

SCSS

$custom: #664487;
$custom-light: #9379aa;
$custom-dark: #000000;

JSON

{
  "hex": "#664487",
  "rgb": {
    "r": 102,
    "g": 68,
    "b": 135
  },
  "hsl": {
    "h": 270.448,
    "s": 33.005,
    "l": 39.804
  },
  "oklch": {
    "l": 0.45504,
    "c": 0.11094,
    "h": 305.9
  },
  "luminance": 0.08708
}

Semantic roles & 50–950 ramp

primary

#664487

secondary

#93AC7B

accent

#C95F93

background

#F9F7FA

surface

#F1EDF4

border

#CBC8CE

text

#0D0910

muted

#7E7B7F

Laboratorio de vista previa

Vista previa con #664487

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

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