#86C690

#86C690

Color Values

HEX

#86C690

RGB

134, 198, 144

HSL

129.4, 36.0%, 65.1%

HSV

129.4, 32.3%, 77.6%

CMYK

32.3%, 0.0%, 27.3%, 22.4%

OKLCH

0.7689 0.1009 148.5

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#86C690

#C686BC

Analogous

#9CC686

#86C6B0

#86C690

Triadic

#86C690

#9086C6

#C69086

Split Complementary

#86C690

#B086C6

#C6869C

Tetradic

#86C690

#869CC6

#C686BC

#C6B086

Color Blindness Simulation

Original

#86C690

Protanopia

#A2A29D

Deuteranopia

#9E99A0

Tritanopia

#89A7AA

Achromatopsia

#B4B4B4

CSS Usage

background-color: #86C690;
color: #86C690;
border-color: #86C690;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF6
100
#E8F3E9
200
#CEE8D2
300
#ACD8B3
400
#7FC389
500
#52AD60
600
#418B4D
700
#346F3D
800
#295730
900
#214026
950
#152918

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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