#84A39A

#84A39A

Color Values

HEX

#84A39A

RGB

132, 163, 154

HSL

162.6, 14.4%, 57.8%

HSV

162.6, 19.0%, 63.9%

CMYK

19.0%, 0.0%, 5.5%, 36.1%

OKLCH

0.6894 0.0368 175.6

Properties

Cool Light Nearest: RAL 7042 Traffic Grey A

Color Harmonies

Complementary

#84A39A

#A3848D

Analogous

#84A38A

#849CA3

#84A39A

Triadic

#84A39A

#9A84A3

#A39A84

Split Complementary

#84A39A

#A3849C

#A38A84

Tetradic

#84A39A

#8A84A3

#A3848D

#9CA384

Color Blindness Simulation

Original

#84A39A

Protanopia

#91929C

Deuteranopia

#908D9D

Tritanopia

#869E9E

Achromatopsia

#9C9C9C

CSS Usage

background-color: #84A39A;
color: #84A39A;
border-color: #84A39A;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E0DD
300
#B9CBC6
400
#93AEA6
500
#6D9287
600
#57756C
700
#465D57
800
#374944
900
#2A3733
950
#1B2320

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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