#86A185

#86A185

Color Values

HEX

#86A185

RGB

134, 161, 133

HSL

117.9, 13.0%, 57.6%

HSV

117.9, 17.4%, 63.1%

CMYK

16.8%, 0.0%, 17.4%, 36.9%

OKLCH

0.6804 0.0505 144.1

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#86A185

#A085A1

Analogous

#94A185

#85A192

#86A185

Triadic

#86A185

#8586A1

#A18586

Split Complementary

#86A185

#9285A1

#A18594

Tetradic

#86A185

#8594A1

#A085A1

#A19285

Color Blindness Simulation

Original

#86A185

Protanopia

#92928C

Deuteranopia

#908E8D

Tritanopia

#879192

Achromatopsia

#999999

CSS Usage

background-color: #86A185;
color: #86A185;
border-color: #86A185;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F7F8F7
100
#EBEFEB
200
#D7E0D7
300
#BACABA
400
#95AD94
500
#70906F
600
#5A7359
700
#485C47
800
#384837
900
#2B362B
950
#1B221B

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

7.45:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026