#84AB6B

#84AB6B

Color Values

HEX

#84AB6B

RGB

132, 171, 107

HSL

96.6, 27.6%, 54.5%

HSV

96.6, 37.4%, 67.1%

CMYK

22.8%, 0.0%, 37.4%, 32.9%

OKLCH

0.6966 0.0989 133.9

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#84AB6B

#926BAB

Analogous

#A4AB6B

#6BAB72

#84AB6B

Triadic

#84AB6B

#6B84AB

#AB6B84

Split Complementary

#84AB6B

#726BAB

#AB6BA4

Tetradic

#84AB6B

#6BA4AB

#926BAB

#AB726B

Color Blindness Simulation

Original

#84AB6B

Protanopia

#95957A

Deuteranopia

#93907E

Tritanopia

#868789

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#ECF1E9
200
#D9E5D1
300
#BED3B1
400
#9BBB87
500
#78A35C
600
#60824A
700
#4D683B
800
#3C512E
900
#2E3C24
950
#1D2617

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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