#86C485

#86C485

Color Values

HEX

#86C485

RGB

134, 196, 133

HSL

119.0, 34.8%, 64.5%

HSV

119.0, 32.1%, 76.9%

CMYK

31.6%, 0.0%, 32.1%, 23.1%

OKLCH

0.7619 0.1091 144.0

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#86C485

#C385C4

Analogous

#A6C485

#85C4A3

#86C485

Triadic

#86C485

#8586C4

#C48586

Split Complementary

#86C485

#A385C4

#C485A6

Tetradic

#86C485

#85A6C4

#C385C4

#C4A385

Color Blindness Simulation

Original

#86C485

Protanopia

#A1A194

Deuteranopia

#9D9998

Tritanopia

#89A0A3

Achromatopsia

#B2B2B2

CSS Usage

background-color: #86C485;
color: #86C485;
border-color: #86C485;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE8CF
300
#ADD7AD
400
#81C180
500
#55AC53
600
#448943
700
#366E35
800
#2A562A
900
#224021
950
#152815

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

10.25:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026