#86BC9E

#86BC9E

Color Values

HEX

#86BC9E

RGB

134, 188, 158

HSL

146.7, 28.7%, 63.1%

HSV

146.7, 28.7%, 73.7%

CMYK

28.7%, 0.0%, 16.0%, 26.3%

OKLCH

0.749 0.0713 159.7

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#86BC9E

#BC86A4

Analogous

#89BC86

#86BCB9

#86BC9E

Triadic

#86BC9E

#9E86BC

#BC9E86

Split Complementary

#86BC9E

#B986BC

#BC8689

Tetradic

#86BC9E

#8689BC

#BC86A4

#BCB986

Color Blindness Simulation

Original

#86BC9E

Protanopia

#9D9EA5

Deuteranopia

#9A96A7

Tritanopia

#89ABAC

Achromatopsia

#AEAEAE

CSS Usage

background-color: #86BC9E;
color: #86BC9E;
border-color: #86BC9E;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5F9F7
100
#E9F2ED
200
#D1E6DA
300
#B0D3C0
400
#86BC9E
500
#5BA47B
600
#498363
700
#3A694F
800
#2D523E
900
#243D2F
950
#17271E

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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