#894385#894385

#894385 es un color medio y vivo de la familia purple. Luminancia relativa 0.110; OKLCH L 49.6% C 0.129 H 329.5°. El mejor color de texto es #FFFFFF con contraste 6.55:1 (cumple WCAG AA).

Valores del color

HEX	#894385
RGB	rgb(137, 67, 133)
HSL	hsl(303, 34%, 40%)
HSV	hsv(303, 51%, 54%)
CMYK	cmyk(0%, 51.1%, 2.9%, 46.3%)
CIE-LAB	lab(39.63, 39.48, -23.96)
CIE-LCH	lch(39.63, 46.18, 328.74°)
OKLab	oklab(49.58% 0.1111 -0.0655)
OKLCH	oklch(49.58% 0.129 329.5)
XYZ	xyz(16.5571, 11.0271, 23.4421)
Luminance	0.1103 (WCAG relative)
Temperature	neutral
Family	purple

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#894385 #438947

analogous

#6A4389 #894385 #894362

triadic

#894385 #858943 #438589

tetradic

#894385 #896A43 #438947 #436289

square

#894385 #896A43 #438947 #436289

split-complementary

#894385 #628943 #43896A

monochromatic

#371B35 #602F5D #894385 #AF5BAA #C384BF

Accesibilidad y contraste

On white

6.55

#894385 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.21

#894385 on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #894385

6.55:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##894385	#FFFFFF	#000000	##FFFFFF
##894385	1.00	6.55	3.21	6.55
#FFFFFF	6.55	1.00	21.00	1.00
#000000	3.21	21.00	1.00	21.00
##FFFFFF	6.55	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#3F5787

Deuteranopia (green-blind)

#536183

Tritanopia (blue-blind)

#8D495E

Achromatopsia (no color)

#5D5D5D

Tokens de diseño y código

CSS

--color: #894385;
/* rgb */ color: rgb(137, 67, 133);
/* oklch */ color: oklch(49.6% 0.129 329.5);

Tailwind

colors: {
  custom: {
    50: '#ad7aa8',
    500: '#894385',
    950: '#000000',
  },
}

SCSS

$custom: #894385;
$custom-light: #ad7aa8;
$custom-dark: #000000;

JSON

{
  "hex": "#894385",
  "rgb": {
    "r": 137,
    "g": 67,
    "b": 133
  },
  "hsl": {
    "h": 303.429,
    "s": 34.314,
    "l": 40
  },
  "oklch": {
    "l": 0.49581,
    "c": 0.12898,
    "h": 329.5
  },
  "luminance": 0.11026
}

Semantic roles & 50–950 ramp

primary

#894385

secondary

#7AAE7D

accent

#CA645D

background

#FAF7FA

surface

#F4EEF4

border

#CEC9CE

text

#10090F

muted

#7F7B7F

Laboratorio de vista previa

Vista previa con #894385

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

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