#91978E#91978E

#91978E is a light, near-neutral grey. Relative luminance 0.301; OKLCH L 66.9% C 0.015 H 134.9°. Best body text is #000000 at 7.02:1 contrast (WCAG AA passes).

Color values

HEX#91978E
RGBrgb(145, 151, 142)
HSLhsl(100, 4%, 57%)
HSVhsv(100, 6%, 59%)
CMYKcmyk(4%, 0%, 6%, 40.8%)
CIE-LABlab(61.75, -3.91, 3.99)
CIE-LCHlch(61.75, 5.58, 134.43°)
OKLaboklab(66.88% -0.0104 0.0104)
OKLCHoklch(66.88% 0.015 134.9)
XYZxyz(27.6253, 30.1059, 29.9416)
Luminance0.3011 (WCAG relative)
Temperatureneutral
Familygrey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#91978E #948E97
analogous
#95978E #91978E #8E9790
triadic
#91978E #8E9197 #978E91
tetradic
#91978E #8E9597 #948E97 #97908E
square
#91978E #8E9597 #948E97 #97908E
split-complementary
#91978E #908E97 #978E95
monochromatic
#545952 #72796F #91978E #B0B4AE #CFD2CE

Accessibility & contrast

On white

2.99
#91978E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.02
#91978E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #91978E
7.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##91978E#FFFFFF#000000##000000
##91978E1.002.997.027.02
#FFFFFF2.991.0021.0021.00
#0000007.0221.001.001.00
##0000007.0221.001.001.00

Color blindness preview

Protanopia (red-blind)
#98958E
Deuteranopia (green-blind)
#97958E
Tritanopia (blue-blind)
#919694
Achromatopsia (no color)
#959595

Design tokens & code

CSS
--color: #91978e;
/* rgb */ color: rgb(145, 151, 142);
/* oklch */ color: oklch(66.9% 0.015 134.9);
Tailwind
colors: {
  custom: {
    50: '#b1b5af',
    500: '#91978e',
    950: '#000000',
  },
}
SCSS
$custom: #91978e;
$custom-light: #b1b5af;
$custom-dark: #000000;
JSON
{
  "hex": "#91978e",
  "rgb": {
    "r": 145,
    "g": 151,
    "b": 142
  },
  "hsl": {
    "h": 100,
    "s": 4.147,
    "l": 57.451
  },
  "oklch": {
    "l": 0.66878,
    "c": 0.01475,
    "h": 134.9
  },
  "luminance": 0.30106
}

Semantic roles & 50–950 ramp

primary
#91978E
secondary
#C1BFC2
accent
#7AAD9C
background
#FAFBFA
surface
#F5F6F4
border
#CFD0CE
text
#101110
muted
#7F807F

Preview Lab

Preview with #91978E

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

Preview Lab → · Contrast checker → · Palette generator →

#91978E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva