#84A185

#84A185

Color Values

HEX

#84A185

RGB

132, 161, 133

HSL

122.1, 13.4%, 57.5%

HSV

122.1, 18.0%, 63.1%

CMYK

18.0%, 0.0%, 17.4%, 36.9%

OKLCH

0.6789 0.0519 145.9

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#84A185

#A184A0

Analogous

#92A184

#84A194

#84A185

Triadic

#84A185

#8584A1

#A18584

Split Complementary

#84A185

#9484A1

#A18492

Tetradic

#84A185

#8492A1

#A184A0

#A19484

Color Blindness Simulation

Original

#84A185

Protanopia

#91918C

Deuteranopia

#8F8D8D

Tritanopia

#859192

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFEB
200
#D7E0D7
300
#BACABA
400
#94AD95
500
#6E9170
600
#587459
700
#475D47
800
#374838
900
#2B362B
950
#1B221B

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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