#86A583

#86A583

Color Values

HEX

#86A583

RGB

134, 165, 131

HSL

114.7, 15.9%, 58.0%

HSV

114.7, 20.6%, 64.7%

CMYK

18.8%, 0.0%, 20.6%, 35.3%

OKLCH

0.6891 0.0598 142.6

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#86A583

#A283A5

Analogous

#97A583

#83A591

#86A583

Triadic

#86A583

#8386A5

#A58386

Split Complementary

#86A583

#9183A5

#A58397

Tetradic

#86A583

#8397A5

#A283A5

#A59183

Color Blindness Simulation

Original

#86A583

Protanopia

#93948B

Deuteranopia

#928F8D

Tritanopia

#889293

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F6F8F6
100
#EBF0EB
200
#D7E1D6
300
#BACCB8
400
#94B092
500
#6F946B
600
#597656
700
#475F45
800
#374A36
900
#2B372A
950
#1B231A

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026