#86B935#86B935

#86B935 is a light, vivid yellow-green. Relative luminance 0.400; OKLCH L 72.5% C 0.167 H 128.5°. Best body text is #000000 at 9.00:1 contrast (WCAG AA passes).

Color values

HEX#86B935
RGBrgb(134, 185, 53)
HSLhsl(83, 55%, 47%)
HSVhsv(83, 71%, 73%)
CMYKcmyk(27.6%, 0%, 71.4%, 27.5%)
CIE-LABlab(69.49, -36.48, 58.29)
CIE-LCHlch(69.49, 68.77, 122.04°)
OKLaboklab(72.46% -0.1041 0.131)
OKLCHoklch(72.46% 0.167 128.5)
XYZxyz(27.8230, 40.0226, 9.6267)
Luminance0.4002 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#86B935 #6835B9
analogous
#B9AA35 #86B935 #44B935
triadic
#86B935 #3586B9 #B93586
tetradic
#86B935 #35B9AA #6835B9 #B93544
square
#86B935 #35B9AA #6835B9 #B93544
split-complementary
#86B935 #3544B9 #AA35B9
monochromatic
#415A1A #648927 #86B935 #A3D05B #BEDE8B

Accessibility & contrast

On white

2.33
#86B935 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.00
#86B935 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #86B935
9.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##86B935#FFFFFF#000000##000000
##86B9351.002.339.009.00
#FFFFFF2.331.0021.0021.00
#0000009.0021.001.001.00
##0000009.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#C2AC1E
Deuteranopia (green-blind)
#BBA941
Tritanopia (blue-blind)
#8AB19F
Achromatopsia (no color)
#AAAAAA

Design tokens & code

CSS
--color: #86b935;
/* rgb */ color: rgb(134, 185, 53);
/* oklch */ color: oklch(72.5% 0.167 128.5);
Tailwind
colors: {
  custom: {
    50: '#adce75',
    500: '#86b935',
    950: '#000000',
  },
}
SCSS
$custom: #86b935;
$custom-light: #adce75;
$custom-dark: #000000;
JSON
{
  "hex": "#86b935",
  "rgb": {
    "r": 134,
    "g": 185,
    "b": 53
  },
  "hsl": {
    "h": 83.182,
    "s": 55.462,
    "l": 46.667
  },
  "oklch": {
    "l": 0.72459,
    "c": 0.1673,
    "h": 128.5
  },
  "luminance": 0.40023
}

Semantic roles & 50–950 ramp

primary
#86B935
secondary
#9D82C8
accent
#49DF83
background
#FBFCF7
surface
#F6F9ED
border
#D0D2C8
text
#111309
muted
#80827B

Preview Lab

Preview with #86B935

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

Preview Lab → · Contrast checker → · Palette generator →

#86B935 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva