#8C8A89#8C8A89

#8C8A89 es un color claro y casi neutro de la familia grey. Luminancia relativa 0.256; OKLCH L 63.5% C 0.003 H 48.7°. El mejor color de texto es #000000 con contraste 6.11:1 (cumple WCAG AA).

Valores del color

HEX	#8C8A89
RGB	rgb(140, 138, 137)
HSL	hsl(20, 1%, 54%)
HSV	hsv(20, 2%, 55%)
CMYK	cmyk(0%, 1.4%, 2.1%, 45.1%)
CIE-LAB	lab(57.62, 0.55, 0.80)
CIE-LCH	lch(57.62, 0.97, 55.52°)
OKLab	oklab(63.48% 0.0019 0.0021)
OKLCH	oklch(63.48% 0.003 48.7)
XYZ	xyz(24.4184, 25.5586, 27.3090)
Luminance	0.2556 (WCAG relative)
Temperature	neutral
Family	grey

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#8C8A89 #898B8C

analogous

#8C898A #8C8A89 #8C8C89

triadic

#8C8A89 #898C8A #8A898C

tetradic

#8C8A89 #8A8C89 #898B8C #8C898C

square

#8C8A89 #8A8C89 #898B8C #8C898C

split-complementary

#8C8A89 #898C8C #898A8C

monochromatic

#4E4D4C #6D6B6B #8C8A89 #AAA9A8 #C8C7C7

Accesibilidad y contraste

On white

3.44

#8C8A89 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.11

#8C8A89 on #000000

AA ✓AA large ✓AAA ✗

Mejor color de texto

#000000 on #8C8A89

6.11:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##8C8A89	#FFFFFF	#000000	##000000
##8C8A89	1.00	3.44	6.11	6.11
#FFFFFF	3.44	1.00	21.00	21.00
#000000	6.11	21.00	1.00	1.00
##000000	6.11	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#8B8A89

Deuteranopia (green-blind)

#8B8B89

Tritanopia (blue-blind)

#8D8A8A

Achromatopsia (no color)

#8A8A8A

Tokens de diseño y código

CSS

--color: #8c8a89;
/* rgb */ color: rgb(140, 138, 137);
/* oklch */ color: oklch(63.5% 0.003 48.7);

Tailwind

colors: {
  custom: {
    50: '#adacab',
    500: '#8c8a89',
    950: '#000000',
  },
}

SCSS

$custom: #8c8a89;
$custom-light: #adacab;
$custom-dark: #000000;

JSON

{
  "hex": "#8c8a89",
  "rgb": {
    "r": 140,
    "g": 138,
    "b": 137
  },
  "hsl": {
    "h": 20,
    "s": 1.288,
    "l": 54.314
  },
  "oklch": {
    "l": 0.63483,
    "c": 0.00282,
    "h": 48.7
  },
  "luminance": 0.25559
}

Semantic roles & 50–950 ramp

primary

#8C8A89

secondary

#B8B9B9

accent

#9BAB7D

background

#FAFAFA

surface

#F4F4F4

border

#CECECE

text

#101010

muted

#7F7F7F

Laboratorio de vista previa

Vista previa con #8C8A89

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

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