#86A28F

#86A28F

Color Values

HEX

#86A28F

RGB

134, 162, 143

HSL

139.3, 13.1%, 58.0%

HSV

139.3, 17.3%, 63.5%

CMYK

17.3%, 0.0%, 11.7%, 36.5%

OKLCH

0.6853 0.0417 155.5

Properties

Cool Light Nearest: RAL 7042 Traffic Grey A

Color Harmonies

Complementary

#86A28F

#A28699

Analogous

#8BA286

#86A29D

#86A28F

Triadic

#86A28F

#8F86A2

#A28F86

Split Complementary

#86A28F

#9D86A2

#A2868B

Tetradic

#86A28F

#868BA2

#A28699

#A29D86

Color Blindness Simulation

Original

#86A28F

Protanopia

#929294

Deuteranopia

#908E95

Tritanopia

#879798

Achromatopsia

#9B9B9B

CSS Usage

background-color: #86A28F;
color: #86A28F;
border-color: #86A28F;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F7
100
#EBEFEC
200
#D7E0DA
300
#BACABF
400
#94AD9C
500
#6F907A
600
#597361
700
#475C4E
800
#37483D
900
#2B362E
950
#1B221D

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

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