#84A569

#84A569

Color Values

HEX

#84A569

RGB

132, 165, 105

HSL

93.0, 25.0%, 52.9%

HSV

93.0, 36.4%, 64.7%

CMYK

20.0%, 0.0%, 36.4%, 35.3%

OKLCH

0.682 0.0916 131.9

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#84A569

#8A69A5

Analogous

#A2A569

#69A56C

#84A569

Triadic

#84A569

#6984A5

#A56984

Split Complementary

#84A569

#6C69A5

#A569A2

Tetradic

#84A569

#69A2A5

#8A69A5

#A56C69

Color Blindness Simulation

Original

#84A569

Protanopia

#929378

Deuteranopia

#908E7B

Tritanopia

#868386

Achromatopsia

#9A9A9A

CSS Usage

background-color: #84A569;
color: #84A569;
border-color: #84A569;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DAE4D2
300
#C0D1B2
400
#9EB889
500
#7C9F60
600
#63804D
700
#50663D
800
#3E5030
900
#2F3B26
950
#1E2518

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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