#8A995D#8A995D

#8A995D is a light, moderate yellow-green. Relative luminance 0.290; OKLCH L 65.6% C 0.084 H 120.2°. Best body text is #000000 at 6.80:1 contrast (WCAG AA passes).

Color values

HEX#8A995D
RGBrgb(138, 153, 93)
HSLhsl(75, 24%, 48%)
HSVhsv(75, 39%, 60%)
CMYKcmyk(9.8%, 0%, 39.2%, 40%)
CIE-LABlab(60.76, -15.50, 29.77)
CIE-LCHlch(60.76, 33.56, 117.51°)
OKLaboklab(65.63% -0.0425 0.073)
OKLCHoklch(65.63% 0.084 120.2)
XYZxyz(23.8482, 28.9761, 14.6904)
Luminance0.2898 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8A995D #6C5D99
analogous
#998A5D #8A995D #6C995D
triadic
#8A995D #5D8A99 #995D8A
tetradic
#8A995D #5D998A #6C5D99 #995D6C
square
#8A995D #5D998A #6C5D99 #995D6C
split-complementary
#8A995D #5D6C99 #8A5D99
monochromatic
#454D2F #687346 #8A995D #A6B281 #C1C9A7

Accessibility & contrast

On white

3.09
#8A995D on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.80
#8A995D on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #8A995D
6.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8A995D#FFFFFF#000000##000000
##8A995D1.003.096.806.80
#FFFFFF3.091.0021.0021.00
#0000006.8021.001.001.00
##0000006.8021.001.001.00

Color blindness preview

Protanopia (red-blind)
#A09359
Deuteranopia (green-blind)
#9E9360
Tritanopia (blue-blind)
#8F938A
Achromatopsia (no color)
#939393

Design tokens & code

CSS
--color: #8a995d;
/* rgb */ color: rgb(138, 153, 93);
/* oklch */ color: oklch(65.6% 0.084 120.2);
Tailwind
colors: {
  custom: {
    50: '#adb78c',
    500: '#8a995d',
    950: '#000000',
  },
}
SCSS
$custom: #8a995d;
$custom-light: #adb78c;
$custom-dark: #000000;
JSON
{
  "hex": "#8a995d",
  "rgb": {
    "r": 138,
    "g": 153,
    "b": 93
  },
  "hsl": {
    "h": 75,
    "s": 24.39,
    "l": 48.235
  },
  "oklch": {
    "l": 0.65628,
    "c": 0.08449,
    "h": 120.2
  },
  "luminance": 0.28976
}

Semantic roles & 50–950 ramp

primary
#8A995D
secondary
#A29AB8
accent
#67C17D
background
#FAFBF8
surface
#F4F6F0
border
#CED0CB
text
#10110C
muted
#7F807D

Preview Lab

Preview with #8A995D

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

Preview Lab → · Contrast checker → · Palette generator →

#8A995D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva