#86BD93

#86BD93

Color Values

HEX

#86BD93

RGB

134, 189, 147

HSL

134.2, 29.4%, 63.3%

HSV

134.2, 29.1%, 74.1%

CMYK

29.1%, 0.0%, 22.2%, 25.9%

OKLCH

0.7486 0.0833 151.3

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#86BD93

#BD86B0

Analogous

#94BD86

#86BDAE

#86BD93

Triadic

#86BD93

#9386BD

#BD9386

Split Complementary

#86BD93

#AE86BD

#BD8694

Tetradic

#86BD93

#8694BD

#BD86B0

#BDAE86

Color Blindness Simulation

Original

#86BD93

Protanopia

#9E9E9D

Deuteranopia

#9B96A0

Tritanopia

#89A5A7

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5F9F6
100
#E9F2EB
200
#D1E6D6
300
#B0D4B8
400
#85BC92
500
#5AA56C
600
#488456
700
#3A6A45
800
#2D5236
900
#243D2A
950
#17271A

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.71:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026