#84A057

#84A057

Color Values

HEX

#84A057

RGB

132, 160, 87

HSL

83.0, 29.6%, 48.4%

HSV

83.0, 45.6%, 62.7%

CMYK

17.5%, 0.0%, 45.6%, 37.3%

OKLCH

0.6671 0.1043 126.3

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#84A057

#7357A0

Analogous

#A09757

#5FA057

#84A057

Triadic

#84A057

#5784A0

#A05784

Split Complementary

#84A057

#575FA0

#9757A0

Tetradic

#84A057

#57A097

#7357A0

#A0575F

Color Blindness Simulation

Original

#84A057

Protanopia

#909069

Deuteranopia

#8E8C6D

Tritanopia

#85777A

Achromatopsia

#959595

CSS Usage

background-color: #84A057;
color: #84A057;
border-color: #84A057;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8F9F5
100
#EEF2E9
200
#DEE6D1
300
#C6D4B0
400
#A7BD85
500
#88A55A
600
#6D8448
700
#576A39
800
#44532D
900
#333D24
950
#212716

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

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