#9CB140#9CB140

#9CB140 is a light, vivid yellow-green. Relative luminance 0.389; OKLCH L 72.2% C 0.140 H 119.0°. Best body text is #000000 at 8.78:1 contrast (WCAG AA passes).

Color values

HEX#9CB140
RGBrgb(156, 177, 64)
HSLhsl(71, 47%, 47%)
HSVhsv(71, 64%, 69%)
CMYKcmyk(11.9%, 0%, 63.8%, 30.6%)
CIE-LABlab(68.67, -23.16, 53.52)
CIE-LCHlch(68.67, 58.32, 113.40°)
OKLaboklab(72.19% -0.0677 0.1221)
OKLCHoklch(72.19% 0.14 119)
XYZxyz(30.3584, 38.8826, 10.7553)
Luminance0.3888 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9CB140 #5540B1
analogous
#B18D40 #9CB140 #64B140
triadic
#9CB140 #409CB1 #B1409C
tetradic
#9CB140 #40B18D #5540B1 #B14064
square
#9CB140 #40B18D #5540B1 #B14064
split-complementary
#9CB140 #4064B1 #8D40B1
monochromatic
#4D571F #748430 #9CB140 #B6C866 #CBD893

Accessibility & contrast

On white

2.39
#9CB140 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.78
#9CB140 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #9CB140
8.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9CB140#FFFFFF#000000##000000
##9CB1401.002.398.788.78
#FFFFFF2.391.0021.0021.00
#0000008.7821.001.001.00
##0000008.7821.001.001.00

Color blindness preview

Protanopia (red-blind)
#BCA732
Deuteranopia (green-blind)
#BAA848
Tritanopia (blue-blind)
#A5A89A
Achromatopsia (no color)
#A7A7A7

Design tokens & code

CSS
--color: #9cb140;
/* rgb */ color: rgb(156, 177, 64);
/* oklch */ color: oklch(72.2% 0.140 119.0);
Tailwind
colors: {
  custom: {
    50: '#bcc87a',
    500: '#9cb140',
    950: '#000000',
  },
}
SCSS
$custom: #9cb140;
$custom-light: #bcc87a;
$custom-dark: #000000;
JSON
{
  "hex": "#9cb140",
  "rgb": {
    "r": 156,
    "g": 177,
    "b": 64
  },
  "hsl": {
    "h": 71.15,
    "s": 46.888,
    "l": 47.255
  },
  "oklch": {
    "l": 0.72192,
    "c": 0.13958,
    "h": 119
  },
  "luminance": 0.38882
}

Semantic roles & 50–950 ramp

primary
#9CB140
secondary
#9489C3
accent
#51D76A
background
#FBFCF7
surface
#F7F8EE
border
#D0D1C9
text
#12130A
muted
#81827C

Preview Lab

Preview with #9CB140

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

Preview Lab → · Contrast checker → · Palette generator →

#9CB140 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva