#996F69#996F69

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

Valores del color

HEX	#996F69
RGB	rgb(153, 111, 105)
HSL	hsl(8, 19%, 51%)
HSV	hsv(8, 31%, 60%)
CMYK	cmyk(0%, 27.5%, 31.4%, 40%)
CIE-LAB	lab(50.88, 15.78, 9.91)
CIE-LCH	lch(50.88, 18.63, 32.12°)
OKLab	oklab(58.25% 0.0483 0.0257)
OKLCH	oklch(58.25% 0.055 28)
XYZ	xyz(21.3716, 19.1623, 15.9349)
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

#996F69 #699399

analogous

#99697B #996F69 #998769

triadic

#996F69 #69996F #6F6999

tetradic

#996F69 #7B9969 #699399 #876999

square

#996F69 #7B9969 #699399 #876999

split-complementary

#996F69 #699987 #697B99

monochromatic

#513A37 #755450 #996F69 #B2928D #CBB5B2

Accesibilidad y contraste

On white

4.35

#996F69 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.83

#996F69 on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #996F69

4.83:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##996F69	#FFFFFF	#000000	##000000
##996F69	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)

#787468

Deuteranopia (green-blind)

#827C69

Tritanopia (blue-blind)

#A26A6D

Achromatopsia (no color)

#797979

Tokens de diseño y código

CSS

--color: #996f69;
/* rgb */ color: rgb(153, 111, 105);
/* oklch */ color: oklch(58.3% 0.055 28.0);

Tailwind

colors: {
  custom: {
    50: '#b89893',
    500: '#996f69',
    950: '#000000',
  },
}

SCSS

$custom: #996f69;
$custom-light: #b89893;
$custom-dark: #000000;

JSON

{
  "hex": "#996f69",
  "rgb": {
    "r": 153,
    "g": 111,
    "b": 105
  },
  "hsl": {
    "h": 7.5,
    "s": 19.048,
    "l": 50.588
  },
  "oklch": {
    "l": 0.58251,
    "c": 0.05466,
    "h": 28
  },
  "luminance": 0.19161
}

Semantic roles & 50–950 ramp

primary

#996F69

secondary

#A4B7BA

accent

#B2BC6C

background

#FBF9F9

surface

#F6F2F1

border

#D0CCCB

text

#110D0D

muted

#807E7E

Laboratorio de vista previa

Vista previa con #996F69

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

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