#84AF71

#84AF71

Color Values

HEX

#84AF71

RGB

132, 175, 113

HSL

101.6, 27.9%, 56.5%

HSV

101.6, 35.4%, 68.6%

CMYK

24.6%, 0.0%, 35.4%, 31.4%

OKLCH

0.7071 0.0985 136.4

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#84AF71

#9C71AF

Analogous

#A3AF71

#71AF7D

#84AF71

Triadic

#84AF71

#7184AF

#AF7184

Split Complementary

#84AF71

#7D71AF

#AF71A3

Tetradic

#84AF71

#71A3AF

#9C71AF

#AF7D71

Color Blindness Simulation

Original

#84AF71

Protanopia

#979780

Deuteranopia

#949184

Tritanopia

#868C8E

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#ECF1E9
200
#D7E5D1
300
#BBD3B1
400
#96BB86
500
#72A35C
600
#5B824A
700
#49683B
800
#39522E
900
#2C3D24
950
#1C2617

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026