#84A675

#84A675

Color Values

HEX

#84A675

RGB

132, 166, 117

HSL

101.6, 21.6%, 55.5%

HSV

101.6, 29.5%, 65.1%

CMYK

20.5%, 0.0%, 29.5%, 34.9%

OKLCH

0.6868 0.0791 136.3

Properties

Cool Light Nearest: RAL 6021 Pale Green

Color Harmonies

Complementary

#84A675

#9775A6

Analogous

#9DA675

#75A67E

#84A675

Triadic

#84A675

#7584A6

#A67584

Split Complementary

#84A675

#7E75A6

#A6759D

Tetradic

#84A675

#759DA6

#9775A6

#A67E75

Color Blindness Simulation

Original

#84A675

Protanopia

#939381

Deuteranopia

#918E84

Tritanopia

#868A8C

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D8E3D4
300
#BDCFB5
400
#99B58C
500
#759B64
600
#5D7C50
700
#4B6340
800
#3A4E32
900
#2D3A27
950
#1C2519

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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