#86CF72

#86CF72

Color Values

HEX

#86CF72

RGB

134, 207, 114

HSL

107.1, 49.2%, 62.9%

HSV

107.1, 44.9%, 81.2%

CMYK

35.3%, 0.0%, 44.9%, 18.8%

OKLCH

0.7846 0.1455 139.2

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#86CF72

#BB72CF

Analogous

#B4CF72

#72CF8C

#86CF72

Triadic

#86CF72

#7286CF

#CF7286

Split Complementary

#86CF72

#8C72CF

#CF72B4

Tetradic

#86CF72

#72B4CF

#BB72CF

#CF8C72

Color Blindness Simulation

Original

#86CF72

Protanopia

#A6A688

Deuteranopia

#A19C8E

Tritanopia

#8A9A9E

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F6FBF4
100
#E9F5E6
200
#D1EDCA
300
#B1E0A4
400
#86CF72
500
#5CBE41
600
#499834
700
#3B7A29
800
#2E5F20
900
#24461B
950
#172C11

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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