#894069#894069

#894069 es un color medio y moderadamente saturado de la familia rosa. Luminancia relativa 0.100; OKLCH L 47.9% C 0.112 H 347.3°. El mejor color de texto es #FFFFFF con contraste 7.00:1 (cumple WCAG AA).

Valores del color

HEX	#894069
RGB	rgb(137, 64, 105)
HSL	hsl(326, 36%, 39%)
HSV	hsv(326, 53%, 54%)
CMYK	cmyk(0%, 53.3%, 23.4%, 46.3%)
CIE-LAB	lab(37.85, 36.26, -9.33)
CIE-LCH	lch(37.85, 37.44, 345.58°)
OKLab	oklab(47.88% 0.1088 -0.0245)
OKLCH	oklch(47.88% 0.112 347.3)
XYZ	xyz(14.7001, 10.0063, 14.5191)
Luminance	0.1001 (WCAG relative)
Temperature	warm
Family	pink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#894069 #408960

analogous

#844089 #894069 #894045

triadic

#894069 #698940 #406989

tetradic

#894069 #898440 #408960 #404589

square

#894069 #898440 #408960 #404589

split-complementary

#894069 #458940 #408984

monochromatic

#361929 #5F2D49 #894069 #B05689 #C480A6

Accesibilidad y contraste

On white

7.00

#894069 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

3.00

#894069 on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #894069

7.00:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##894069	#FFFFFF	#000000	##FFFFFF
##894069	1.00	7.00	3.00	7.00
#FFFFFF	7.00	1.00	21.00	1.00
#000000	3.00	21.00	1.00	21.00
##FFFFFF	7.00	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#47516A

Deuteranopia (green-blind)

#5B5E67

Tritanopia (blue-blind)

#913F50

Achromatopsia (no color)

#595959

Tokens de diseño y código

CSS

--color: #894069;
/* rgb */ color: rgb(137, 64, 105);
/* oklch */ color: oklch(47.9% 0.112 347.3);

Tailwind

colors: {
  custom: {
    50: '#ae7893',
    500: '#894069',
    950: '#000000',
  },
}

SCSS

$custom: #894069;
$custom-light: #ae7893;
$custom-dark: #000000;

JSON

{
  "hex": "#894069",
  "rgb": {
    "r": 137,
    "g": 64,
    "b": 105
  },
  "hsl": {
    "h": 326.301,
    "s": 36.318,
    "l": 39.412
  },
  "oklch": {
    "l": 0.47879,
    "c": 0.1115,
    "h": 347.3
  },
  "luminance": 0.10005
}

Semantic roles & 50–950 ramp

primary

#894069

secondary

#77AE8F

accent

#CC8D5B

background

#FAF7F9

surface

#F5EDF1

border

#CFC8CB

text

#10090D

muted

#7F7B7E

Laboratorio de vista previa

Vista previa con #894069

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

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