#84A564

#84A564

Color Values

HEX

#84A564

RGB

132, 165, 100

HSL

90.5, 26.5%, 52.0%

HSV

90.5, 39.4%, 64.7%

CMYK

20.0%, 0.0%, 39.4%, 35.3%

OKLCH

0.6811 0.0973 130.5

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#84A564

#8564A5

Analogous

#A4A564

#64A565

#84A564

Triadic

#84A564

#6484A5

#A56484

Split Complementary

#84A564

#6564A5

#A564A4

Tetradic

#84A564

#64A4A5

#8564A5

#A56564

Color Blindness Simulation

Original

#84A564

Protanopia

#929374

Deuteranopia

#908E78

Tritanopia

#868083

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DBE5D2
300
#C2D2B2
400
#A0BA88
500
#7FA15E
600
#66814B
700
#51673C
800
#3F512F
900
#303C25
950
#1E2617

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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