#86AF23#86AF23

#86AF23 is a light, vivid yellow-green. Relative luminance 0.358; OKLCH L 69.9% C 0.165 H 125.4°. Best body text is #000000 at 8.17:1 contrast (WCAG AA passes).

Color values

HEX#86AF23
RGBrgb(134, 175, 35)
HSLhsl(78, 67%, 41%)
HSVhsv(78, 80%, 69%)
CMYKcmyk(23.4%, 0%, 80%, 31.4%)
CIE-LABlab(66.40, -32.86, 61.32)
CIE-LCHlch(66.40, 69.57, 118.18°)
OKLaboklab(69.93% -0.0956 0.1345)
OKLCHoklch(69.93% 0.165 125.4)
XYZxyz(25.4651, 35.8493, 7.1678)
Luminance0.3585 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#86AF23 #4C23AF
analogous
#AF9223 #86AF23 #40AF23
triadic
#86AF23 #2386AF #AF2386
tetradic
#86AF23 #23AF92 #4C23AF #AF2340
square
#86AF23 #23AF92 #4C23AF #AF2340
split-complementary
#86AF23 #2340AF #9223AF
monochromatic
#38490F #5F7C19 #86AF23 #A9D738 #BFE16B

Accessibility & contrast

On white

2.57
#86AF23 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.17
#86AF23 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #86AF23
8.17:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##86AF23#FFFFFF#000000##000000
##86AF231.002.578.178.17
#FFFFFF2.571.0021.0021.00
#0000008.1721.001.001.00
##0000008.1721.001.001.00

Color blindness preview

Protanopia (red-blind)
#B9A300
Deuteranopia (green-blind)
#B3A132
Tritanopia (blue-blind)
#8CA695
Achromatopsia (no color)
#A1A1A1

Design tokens & code

CSS
--color: #86af23;
/* rgb */ color: rgb(134, 175, 35);
/* oklch */ color: oklch(69.9% 0.165 125.4);
Tailwind
colors: {
  custom: {
    50: '#adc76b',
    500: '#86af23',
    950: '#000000',
  },
}
SCSS
$custom: #86af23;
$custom-light: #adc76b;
$custom-dark: #000000;
JSON
{
  "hex": "#86af23",
  "rgb": {
    "r": 134,
    "g": 175,
    "b": 35
  },
  "hsl": {
    "h": 77.571,
    "s": 66.667,
    "l": 41.176
  },
  "oklch": {
    "l": 0.69926,
    "c": 0.16499,
    "h": 125.4
  },
  "luminance": 0.3585
}

Semantic roles & 50–950 ramp

primary
#86AF23
secondary
#8366C7
accent
#3EEA70
background
#FBFCF6
surface
#F6F8EC
border
#D0D1C7
text
#111307
muted
#80827A

Preview Lab

Preview with #86AF23

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

Preview Lab → · Contrast checker → · Palette generator →

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