#574B50#574B50

#574B50 es un color oscuro y casi neutro de la familia grey. Luminancia relativa 0.076; OKLCH L 42.7% C 0.018 H 350.8°. El mejor color de texto es #FFFFFF con contraste 8.31:1 (cumple WCAG AA).

Valores del color

HEX	#574B50
RGB	rgb(87, 75, 80)
HSL	hsl(335, 7%, 32%)
HSV	hsv(335, 14%, 34%)
CMYK	cmyk(0%, 13.8%, 8%, 65.9%)
CIE-LAB	lab(33.22, 6.01, -1.11)
CIE-LCH	lch(33.22, 6.11, 349.56°)
OKLab	oklab(42.66% 0.0176 -0.0028)
OKLCH	oklch(42.66% 0.018 350.8)
XYZ	xyz(7.8944, 7.6377, 8.6462)
Luminance	0.0764 (WCAG relative)
Temperature	neutral
Family	grey

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#574B50 #4B5752

analogous

#574B56 #574B50 #574C4B

triadic

#574B50 #50574B #4B5057

tetradic

#574B50 #56574B #4B5752 #4C4B57

square

#574B50 #56574B #4B5752 #4C4B57

split-complementary

#574B50 #4B574C #4B5657

monochromatic

#151214 #362F32 #574B50 #78676E #97868D

Accesibilidad y contraste

On white

8.31

#574B50 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.53

#574B50 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #574B50

8.31:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##574B50	#FFFFFF	#000000	##FFFFFF
##574B50	1.00	8.31	2.53	8.31
#FFFFFF	8.31	1.00	21.00	1.00
#000000	2.53	21.00	1.00	21.00
##FFFFFF	8.31	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#4C4D50

Deuteranopia (green-blind)

#4F4F50

Tritanopia (blue-blind)

#594B4D

Achromatopsia (no color)

#4E4E4E

Tokens de diseño y código

CSS

--color: #574b50;
/* rgb */ color: rgb(87, 75, 80);
/* oklch */ color: oklch(42.7% 0.018 350.8);

Tailwind

colors: {
  custom: {
    50: '#867d81',
    500: '#574b50',
    950: '#000000',
  },
}

SCSS

$custom: #574b50;
$custom-light: #867d81;
$custom-dark: #000000;

JSON

{
  "hex": "#574b50",
  "rgb": {
    "r": 87,
    "g": 75,
    "b": 80
  },
  "hsl": {
    "h": 335,
    "s": 7.407,
    "l": 31.765
  },
  "oklch": {
    "l": 0.42657,
    "c": 0.01787,
    "h": 350.8
  },
  "luminance": 0.07638
}

Semantic roles & 50–950 ramp

primary

#574B50

secondary

#788580

accent

#B09977

background

#F8F7F7

surface

#EFEEEE

border

#CAC9C9

text

#0B090A

muted

#7C7B7C

Laboratorio de vista previa

Vista previa con #574B50

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

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