#86A596

#86A596

Color Values

HEX

#86A596

RGB

134, 165, 150

HSL

151.0, 14.7%, 58.6%

HSV

151.0, 18.8%, 64.7%

CMYK

18.8%, 0.0%, 9.1%, 35.3%

OKLCH

0.6941 0.0407 164.3

Properties

Cool Light Nearest: RAL 7042 Traffic Grey A

Color Harmonies

Complementary

#86A596

#A58695

Analogous

#86A586

#86A4A5

#86A596

Triadic

#86A596

#9686A5

#A59686

Split Complementary

#86A596

#A586A4

#A58686

Tetradic

#86A596

#8686A5

#A58695

#A4A586

Color Blindness Simulation

Original

#86A596

Protanopia

#93949A

Deuteranopia

#928F9A

Tritanopia

#889C9D

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DB
300
#B9CBC2
400
#93AFA1
500
#6D9280
600
#577566
700
#465E52
800
#364940
900
#2A3731
950
#1B231F

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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