#939986#939986

#939986 es un color claro y apagado de la familia amarillo verdoso. Luminancia relativa 0.307; OKLCH L 67.3% C 0.028 H 121.4°. El mejor color de texto es #000000 con contraste 7.14:1 (cumple WCAG AA).

Valores del color

HEX	#939986
RGB	rgb(147, 153, 134)
HSL	hsl(79, 9%, 56%)
HSV	hsv(79, 12%, 60%)
CMYK	cmyk(3.9%, 0%, 12.4%, 40%)
CIE-LAB	lab(62.26, -5.72, 9.25)
CIE-LCH	lch(62.26, 10.88, 121.72°)
OKLab	oklab(67.26% -0.0147 0.024)
OKLCH	oklch(67.26% 0.028 121.4)
XYZ	xyz(27.7263, 30.7067, 27.0159)
Luminance	0.3071 (WCAG relative)
Temperature	neutral
Family	yellow-green

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#939986 #8C8699

analogous

#999686 #939986 #8A9986

triadic

#939986 #869399 #998693

tetradic

#939986 #869996 #8C8699 #99868A

square

#939986 #869996 #8C8699 #99868A

split-complementary

#939986 #868A99 #968699

monochromatic

#55594B #747B67 #939986 #B1B5A7 #CED1C8

Accesibilidad y contraste

On white

2.94

#939986 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.14

#939986 on #000000

AA ✓AA large ✓AAA ✓

Mejor color de texto

#000000 on #939986

7.14:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##939986	#FFFFFF	#000000	##000000
##939986	1.00	2.94	7.14	7.14
#FFFFFF	2.94	1.00	21.00	21.00
#000000	7.14	21.00	1.00	1.00
##000000	7.14	21.00	1.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#9C9785

Deuteranopia (green-blind)

#9B9787

Tritanopia (blue-blind)

#959794

Achromatopsia (no color)

#969696

Tokens de diseño y código

CSS

--color: #939986;
/* rgb */ color: rgb(147, 153, 134);
/* oklch */ color: oklch(67.3% 0.028 121.4);

Tailwind

colors: {
  custom: {
    50: '#b2b7a9',
    500: '#939986',
    950: '#000000',
  },
}

SCSS

$custom: #939986;
$custom-light: #b2b7a9;
$custom-dark: #000000;

JSON

{
  "hex": "#939986",
  "rgb": {
    "r": 147,
    "g": 153,
    "b": 134
  },
  "hsl": {
    "h": 78.947,
    "s": 8.52,
    "l": 56.275
  },
  "oklch": {
    "l": 0.67257,
    "c": 0.02815,
    "h": 121.4
  },
  "luminance": 0.30707
}

Semantic roles & 50–950 ramp

primary

#939986

secondary

#BCB9C1

accent

#76B289

background

#FAFBFA

surface

#F5F6F4

border

#CFD0CE

text

#11110F

muted

#80807F

Laboratorio de vista previa

Vista previa con #939986

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

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