#68449A#68449A

#68449A es un color medio y vivo de la familia violeta. Luminancia relativa 0.094; OKLCH L 46.9% C 0.136 H 300.6°. El mejor color de texto es #FFFFFF con contraste 7.29:1 (cumple WCAG AA).

Valores del color

HEX	#68449A
RGB	rgb(104, 68, 154)
HSL	hsl(265, 39%, 44%)
HSV	hsv(265, 56%, 60%)
CMYK	cmyk(32.5%, 55.8%, 0%, 39.6%)
CIE-LAB	lab(36.76, 34.14, -41.54)
CIE-LCH	lch(36.76, 53.77, 309.42°)
OKLab	oklab(46.92% 0.0693 -0.1174)
OKLCH	oklch(46.92% 0.136 300.6)
XYZ	xyz(13.6074, 9.4103, 31.6651)
Luminance	0.0941 (WCAG relative)
Temperature	cool
Family	violet

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#68449A #769A44

analogous

#444B9A #68449A #93449A

triadic

#68449A #9A6844 #449A68

tetradic

#68449A #9A444B #769A44 #449A93

square

#68449A #9A444B #769A44 #449A93

split-complementary

#68449A #9A9344 #4B9A44

monochromatic

#2F1F45 #4B3170 #68449A #8662BA #A78CCC

Accesibilidad y contraste

On white

7.29

#68449A on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.88

#68449A on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #68449A

7.29:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##68449A	#FFFFFF	#000000	##FFFFFF
##68449A	1.00	7.29	2.88	7.29
#FFFFFF	7.29	1.00	21.00	1.00
#000000	2.88	21.00	1.00	21.00
##FFFFFF	7.29	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#22569D

Deuteranopia (green-blind)

#2E5698

Tritanopia (blue-blind)

#5E5568

Achromatopsia (no color)

#565656

Tokens de diseño y código

CSS

--color: #68449a;
/* rgb */ color: rgb(104, 68, 154);
/* oklch */ color: oklch(46.9% 0.136 300.6);

Tailwind

colors: {
  custom: {
    50: '#9679b8',
    500: '#68449a',
    950: '#000000',
  },
}

SCSS

$custom: #68449a;
$custom-light: #9679b8;
$custom-dark: #000000;

JSON

{
  "hex": "#68449a",
  "rgb": {
    "r": 104,
    "g": 68,
    "b": 154
  },
  "hsl": {
    "h": 265.116,
    "s": 38.739,
    "l": 43.529
  },
  "oklch": {
    "l": 0.46916,
    "c": 0.1363,
    "h": 300.6
  },
  "luminance": 0.0941
}

Semantic roles & 50–950 ramp

primary

#68449A

secondary

#A1B882

accent

#CF599D

background

#F9F7FB

surface

#F2EDF6

border

#CCC8D0

text

#0E0911

muted

#7E7B80

Laboratorio de vista previa

Vista previa con #68449A

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

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