#86C74F#86C74F

#86C74F is a light, vivid yellow-green. Relative luminance 0.465; OKLCH L 76.1% C 0.166 H 133.0°. Best body text is #000000 at 10.30:1 contrast (WCAG AA passes).

Color values

HEX	#86C74F
RGB	rgb(134, 199, 79)
HSL	hsl(93, 52%, 55%)
HSV	hsv(93, 60%, 78%)
CMYK	cmyk(32.7%, 0%, 60.3%, 22%)
CIE-LAB	lab(73.86, -40.69, 52.33)
CIE-LCH	lch(73.86, 66.28, 127.87°)
OKLab	oklab(76.08% -0.1135 0.1217)
OKLCH	oklch(76.08% 0.166 133)
XYZ	xyz(31.6657, 46.4785, 14.6984)
Luminance	0.4648 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#86C74F #904FC7

analogous

#C2C74F #86C74F #4FC754

triadic

#86C74F #4F86C7 #C74F86

tetradic

#86C74F #4FC2C7 #904FC7 #C7544F

square

#86C74F #4FC2C7 #904FC7 #C7544F

split-complementary

#86C74F #544FC7 #C74FC2

monochromatic

#4A7626 #68A434 #86C74F #A6D67D #C6E5AC

Accessibility & contrast

On white

2.04

#86C74F on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.30

#86C74F on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #86C74F

10.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##86C74F	#FFFFFF	#000000	##000000
##86C74F	1.00	2.04	10.30	10.30
#FFFFFF	2.04	1.00	21.00	21.00
#000000	10.30	21.00	1.00	1.00
##000000	10.30	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#CFB942

Deuteranopia (green-blind)

#C5B458

Tritanopia (blue-blind)

#87C0AD

Achromatopsia (no color)

#B5B5B5

Design tokens & code

CSS

--color: #86c74f;
/* rgb */ color: rgb(134, 199, 79);
/* oklch */ color: oklch(76.1% 0.166 133.0);

Tailwind

colors: {
  custom: {
    50: '#add885',
    500: '#86c74f',
    950: '#000000',
  },
}

SCSS

$custom: #86c74f;
$custom-light: #add885;
$custom-dark: #000000;

JSON

{
  "hex": "#86c74f",
  "rgb": {
    "r": 134,
    "g": 199,
    "b": 79
  },
  "hsl": {
    "h": 92.5,
    "s": 51.724,
    "l": 54.51
  },
  "oklch": {
    "l": 0.76078,
    "c": 0.16642,
    "h": 133
  },
  "luminance": 0.4648
}

Semantic roles & 50–950 ramp

primary

#86C74F

secondary

#BBA0D2

accent

#4DDB9A

background

#FAFDF8

surface

#F5FAEF

border

#CFD3CA

text

#11140B

muted

#80837C

Preview Lab

Preview with #86C74F

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

Preview Lab → · Contrast checker → · Palette generator →