#86C774#86C774

#86C774 is a light, vivid green. Relative luminance 0.472; OKLCH L 76.6% C 0.132 H 139.1°. Best body text is #000000 at 10.44:1 contrast (WCAG AA passes).

Color values

HEX	#86C774
RGB	rgb(134, 199, 116)
HSL	hsl(107, 43%, 62%)
HSV	hsv(107, 42%, 78%)
CMYK	cmyk(32.7%, 0%, 41.7%, 22%)
CIE-LAB	lab(74.30, -36.37, 35.11)
CIE-LCH	lch(74.30, 50.55, 136.02°)
OKLab	oklab(76.59% -0.0994 0.0862)
OKLCH	oklch(76.59% 0.132 139.1)
XYZ	xyz(33.4062, 47.1747, 23.8651)
Luminance	0.4718 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#86C774 #B574C7

analogous

#B0C774 #86C774 #74C78C

triadic

#86C774 #7486C7 #C77486

tetradic

#86C774 #74B0C7 #B574C7 #C78C74

square

#86C774 #74B0C7 #B574C7 #C78C74

split-complementary

#86C774 #8C74C7 #C774B0

monochromatic

#498937 #60B549 #86C774 #ACD9A0 #D2EACB

Accessibility & contrast

On white

2.01

#86C774 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.44

#86C774 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #86C774

10.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##86C774	#FFFFFF	#000000	##000000
##86C774	1.00	2.01	10.44	10.44
#FFFFFF	2.01	1.00	21.00	21.00
#000000	10.44	21.00	1.00	1.00
##000000	10.44	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#CCBA6E

Deuteranopia (green-blind)

#C2B479

Tritanopia (blue-blind)

#82C2B3

Achromatopsia (no color)

#B7B7B7

Design tokens & code

CSS

--color: #86c774;
/* rgb */ color: rgb(134, 199, 116);
/* oklch */ color: oklch(76.6% 0.132 139.1);

Tailwind

colors: {
  custom: {
    50: '#acd89d',
    500: '#86c774',
    950: '#000000',
  },
}

SCSS

$custom: #86c774;
$custom-light: #acd89d;
$custom-dark: #000000;

JSON

{
  "hex": "#86c774",
  "rgb": {
    "r": 134,
    "g": 199,
    "b": 116
  },
  "hsl": {
    "h": 106.988,
    "s": 42.564,
    "l": 61.765
  },
  "oklch": {
    "l": 0.76585,
    "c": 0.13161,
    "h": 139.1
  },
  "luminance": 0.47176
}

Semantic roles & 50–950 ramp

primary

#86C774

secondary

#D4BCDB

accent

#30B699

background

#FAFDF9

surface

#F4FAF2

border

#CED3CC

text

#10140E

muted

#7F837E

Preview Lab

Preview with #86C774

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

Preview Lab → · Contrast checker → · Palette generator →