#86BE83

#86BE83

Color Values

HEX

#86BE83

RGB

134, 190, 131

HSL

116.9, 31.2%, 62.9%

HSV

116.9, 31.1%, 74.5%

CMYK

29.5%, 0.0%, 31.1%, 25.5%

OKLCH

0.7474 0.1017 143.3

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#86BE83

#BB83BE

Analogous

#A3BE83

#83BE9D

#86BE83

Triadic

#86BE83

#8386BE

#BE8386

Split Complementary

#86BE83

#9D83BE

#BE83A3

Tetradic

#86BE83

#83A3BE

#BB83BE

#BE9D83

Color Blindness Simulation

Original

#86BE83

Protanopia

#9E9F91

Deuteranopia

#9B9795

Tritanopia

#899D9F

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#E9F2E8
200
#D1E6D0
300
#B1D5AF
400
#86BE83
500
#5CA758
600
#498646
700
#3B6B38
800
#2E542C
900
#243E23
950
#172716

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.71: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