#976F72#976F72

#976F72 es un color medio y apagado de la familia rojo. Luminancia relativa 0.192; OKLCH L 58.3% C 0.051 H 13.8°. El mejor color de texto es #000000 con contraste 4.83:1 (cumple WCAG AA).

Valores del color

HEX	#976F72
RGB	rgb(151, 111, 114)
HSL	hsl(356, 16%, 51%)
HSV	hsv(356, 26%, 59%)
CMYK	cmyk(0%, 26.5%, 24.5%, 40.8%)
CIE-LAB	lab(50.88, 16.31, 4.57)
CIE-LCH	lch(50.88, 16.94, 15.65°)
OKLab	oklab(58.28% 0.0496 0.0121)
OKLCH	oklch(58.28% 0.051 13.8)
XYZ	xyz(21.4845, 19.1642, 18.4837)
Luminance	0.1916 (WCAG relative)
Temperature	warm
Family	red

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#976F72 #6F9794

analogous

#976F86 #976F72 #97806F

triadic

#976F72 #72976F #6F7297

tetradic

#976F72 #86976F #6F9794 #806F97

square

#976F72 #86976F #6F9794 #806F97

split-complementary

#976F72 #6F9780 #6F8697

monochromatic

#513B3C #755457 #976F72 #B19395 #CAB6B8

Accesibilidad y contraste

On white

4.35

#976F72 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.83

#976F72 on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #976F72

4.83:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##976F72	#FFFFFF	#000000	##000000
##976F72	1.00	4.35	4.83	4.83
#FFFFFF	4.35	1.00	21.00	21.00
#000000	4.83	21.00	1.00	1.00
##000000	4.83	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#767572

Deuteranopia (green-blind)

#7F7C71

Tritanopia (blue-blind)

#9F6C70

Achromatopsia (no color)

#797979

Tokens de diseño y código

CSS

--color: #976f72;
/* rgb */ color: rgb(151, 111, 114);
/* oklch */ color: oklch(58.3% 0.051 13.8);

Tailwind

colors: {
  custom: {
    50: '#b6989a',
    500: '#976f72',
    950: '#000000',
  },
}

SCSS

$custom: #976f72;
$custom-light: #b6989a;
$custom-dark: #000000;

JSON

{
  "hex": "#976f72",
  "rgb": {
    "r": 151,
    "g": 111,
    "b": 114
  },
  "hsl": {
    "h": 355.5,
    "s": 16.129,
    "l": 51.373
  },
  "oklch": {
    "l": 0.58276,
    "c": 0.05104,
    "h": 13.8
  },
  "luminance": 0.19163
}

Semantic roles & 50–950 ramp

primary

#976F72

secondary

#A8BAB8

accent

#B9B36F

background

#FBF9F9

surface

#F6F2F2

border

#D0CCCC

text

#110D0E

muted

#807E7E

Laboratorio de vista previa

Vista previa con #976F72

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

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