#8FB36F#8FB36F

#8FB36F is a light, moderate yellow-green. Relative luminance 0.392; OKLCH L 72.3% C 0.101 H 131.2°. Best body text is #000000 at 8.85:1 contrast (WCAG AA passes).

Color values

HEX#8FB36F
RGBrgb(143, 179, 111)
HSLhsl(92, 31%, 57%)
HSVhsv(92, 38%, 70%)
CMYKcmyk(20.1%, 0%, 38%, 29.8%)
CIE-LABlab(68.92, -24.39, 30.83)
CIE-LCHlch(68.92, 39.31, 128.34°)
OKLaboklab(72.35% -0.0667 0.0761)
OKLCHoklch(72.35% 0.101 131.2)
XYZxyz(30.3165, 39.2270, 21.0102)
Luminance0.3923 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8FB36F #936FB3
analogous
#B1B36F #8FB36F #6FB371
triadic
#8FB36F #6F8FB3 #B36F8F
tetradic
#8FB36F #6FB1B3 #936FB3 #B3716F
square
#8FB36F #6FB1B3 #936FB3 #B3716F
split-complementary
#8FB36F #716FB3 #B36FB1
monochromatic
#526E3A #70964F #8FB36F #AEC897 #CDDDBF

Accessibility & contrast

On white

2.37
#8FB36F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.85
#8FB36F on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8FB36F
8.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8FB36F#FFFFFF#000000##000000
##8FB36F1.002.378.858.85
#FFFFFF2.371.0021.0021.00
#0000008.8521.001.001.00
##0000008.8521.001.001.00

Color blindness preview

Protanopia (red-blind)
#B9AA6A
Deuteranopia (green-blind)
#B3A773
Tritanopia (blue-blind)
#91AEA2
Achromatopsia (no color)
#A8A8A8

Design tokens & code

CSS
--color: #8fb36f;
/* rgb */ color: rgb(143, 179, 111);
/* oklch */ color: oklch(72.3% 0.101 131.2);
Tailwind
colors: {
  custom: {
    50: '#b1ca99',
    500: '#8fb36f',
    950: '#000000',
  },
}
SCSS
$custom: #8fb36f;
$custom-light: #b1ca99;
$custom-dark: #000000;
JSON
{
  "hex": "#8fb36f",
  "rgb": {
    "r": 143,
    "g": 179,
    "b": 111
  },
  "hsl": {
    "h": 91.765,
    "s": 30.909,
    "l": 56.863
  },
  "oklch": {
    "l": 0.72348,
    "c": 0.10124,
    "h": 131.2
  },
  "luminance": 0.39228
}

Semantic roles & 50–950 ramp

primary
#8FB36F
secondary
#C0B1CD
accent
#61C797
background
#FBFCF9
surface
#F6F8F2
border
#D0D1CC
text
#11130E
muted
#80827E

Preview Lab

Preview with #8FB36F

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

Preview Lab → · Contrast checker → · Palette generator →

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