#949684#949684

#949684 is a light, muted grey. Relative luminance 0.298; OKLCH L 66.6% C 0.026 H 112.2°. Best body text is #000000 at 6.96:1 contrast (WCAG AA passes).

Color values

HEX	#949684
RGB	rgb(148, 150, 132)
HSL	hsl(67, 8%, 55%)
HSV	hsv(67, 12%, 59%)
CMYK	cmyk(1.3%, 0%, 12%, 41.2%)
CIE-LAB	lab(61.46, -4.05, 9.26)
CIE-LCH	lch(61.46, 10.10, 113.61°)
OKLab	oklab(66.63% -0.0098 0.024)
OKLCH	oklch(66.63% 0.026 112.2)
XYZ	xyz(27.2834, 29.7747, 26.1351)
Luminance	0.2978 (WCAG relative)
Temperature	neutral
Family	grey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#949684 #868496

analogous

#968F84 #949684 #8B9684

triadic

#949684 #849496 #968494

tetradic

#949684 #84968F #868496 #96848B

square

#949684 #84968F #868496 #96848B

split-complementary

#949684 #848B96 #8F8496

monochromatic

#555649 #757766 #949684 #B1B2A5 #CDCEC6

Accessibility & contrast

On white

3.02

#949684 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.96

#949684 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #949684

6.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##949684	#FFFFFF	#000000	##000000
##949684	1.00	3.02	6.96	6.96
#FFFFFF	3.02	1.00	21.00	21.00
#000000	6.96	21.00	1.00	1.00
##000000	6.96	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#999483

Deuteranopia (green-blind)

#999585

Tritanopia (blue-blind)

#969491

Achromatopsia (no color)

#949494

Design tokens & code

CSS

--color: #949684;
/* rgb */ color: rgb(148, 150, 132);
/* oklch */ color: oklch(66.6% 0.026 112.2);

Tailwind

colors: {
  custom: {
    50: '#b3b4a7',
    500: '#949684',
    950: '#000000',
  },
}

SCSS

$custom: #949684;
$custom-light: #b3b4a7;
$custom-dark: #000000;

JSON

{
  "hex": "#949684",
  "rgb": {
    "r": 148,
    "g": 150,
    "b": 132
  },
  "hsl": {
    "h": 66.667,
    "s": 7.895,
    "l": 55.294
  },
  "oklch": {
    "l": 0.66629,
    "c": 0.02596,
    "h": 112.2
  },
  "luminance": 0.29775
}

Semantic roles & 50–950 ramp

primary

#949684

secondary

#B8B7BF

accent

#77B17D

background

#FBFBFA

surface

#F6F6F4

border

#D0D0CE

text

#11110F

muted

#80807F

Preview Lab

Preview with #949684

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

Preview Lab → · Contrast checker → · Palette generator →