#84A76B

#84A76B

Color Values

HEX

#84A76B

RGB

132, 167, 107

HSL

95.0, 25.4%, 53.7%

HSV

95.0, 35.9%, 65.5%

CMYK

21.0%, 0.0%, 35.9%, 34.5%

OKLCH

0.6871 0.0925 133.0

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#84A76B

#8E6BA7

Analogous

#A2A76B

#6BA770

#84A76B

Triadic

#84A76B

#6B84A7

#A76B84

Split Complementary

#84A76B

#706BA7

#A76BA2

Tetradic

#84A76B

#6BA2A7

#8E6BA7

#A7706B

Color Blindness Simulation

Original

#84A76B

Protanopia

#93937A

Deuteranopia

#918E7D

Tritanopia

#868588

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DAE4D2
300
#BFD1B2
400
#9DB989
500
#7AA05F
600
#62804C
700
#4E663D
800
#3D5030
900
#2F3C25
950
#1D2618

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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026