#583449#583449

#583449 es un color oscuro y moderadamente saturado de la familia rosa. Luminancia relativa 0.050; OKLCH L 37.6% C 0.060 H 344.5°. El mejor color de texto es #FFFFFF con contraste 10.49:1 (cumple WCAG AA).

Valores del color

HEX	#583449
RGB	rgb(88, 52, 73)
HSL	hsl(325, 26%, 27%)
HSV	hsv(325, 41%, 35%)
CMYK	cmyk(0%, 40.9%, 17%, 65.5%)
CIE-LAB	lab(26.77, 19.65, -6.11)
CIE-LCH	lch(26.77, 20.58, 342.72°)
OKLab	oklab(37.64% 0.058 -0.0161)
OKLCH	oklch(37.64% 0.06 344.5)
XYZ	xyz(6.4551, 5.0121, 6.9295)
Luminance	0.0501 (WCAG relative)
Temperature	warm
Family	pink

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#583449 #345843

analogous

#553458 #583449 #583437

triadic

#583449 #495834 #344958

tetradic

#583449 #585534 #345843 #343758

square

#583449 #585534 #345843 #343758

split-complementary

#583449 #375834 #345855

monochromatic

#130B10 #321D29 #583449 #7E4B69 #A36389

Accesibilidad y contraste

On white

10.49

#583449 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.00

#583449 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #583449

10.49:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##583449	#FFFFFF	#000000	##FFFFFF
##583449	1.00	10.49	2.00	10.49
#FFFFFF	10.49	1.00	21.00	1.00
#000000	2.00	21.00	1.00	21.00
##FFFFFF	10.49	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#363C4A

Deuteranopia (green-blind)

#3F4148

Tritanopia (blue-blind)

#5C343B

Achromatopsia (no color)

#3F3F3F

Tokens de diseño y código

CSS

--color: #583449;
/* rgb */ color: rgb(88, 52, 73);
/* oklch */ color: oklch(37.6% 0.060 344.5);

Tailwind

colors: {
  custom: {
    50: '#886c7b',
    500: '#583449',
    950: '#000000',
  },
}

SCSS

$custom: #583449;
$custom-light: #886c7b;
$custom-dark: #000000;

JSON

{
  "hex": "#583449",
  "rgb": {
    "r": 88,
    "g": 52,
    "b": 73
  },
  "hsl": {
    "h": 325,
    "s": 25.714,
    "l": 27.451
  },
  "oklch": {
    "l": 0.37644,
    "c": 0.06018,
    "h": 344.5
  },
  "luminance": 0.05012
}

Semantic roles & 50–950 ramp

primary

#583449

secondary

#5F8970

accent

#C28C66

background

#F8F6F7

surface

#F0EBEE

border

#CBC6C9

text

#0B0709

muted

#7C7A7B

Laboratorio de vista previa

Vista previa con #583449

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

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