#84A196

#84A196

Color Values

HEX

#84A196

RGB

132, 161, 150

HSL

157.2, 13.4%, 57.5%

HSV

157.2, 18.0%, 63.1%

CMYK

18.0%, 0.0%, 6.8%, 36.9%

OKLCH

0.6836 0.0361 170.2

Properties

Cool Light Nearest: RAL 7042 Traffic Grey A

Color Harmonies

Complementary

#84A196

#A1848F

Analogous

#84A188

#849EA1

#84A196

Triadic

#84A196

#9684A1

#A19684

Split Complementary

#84A196

#A1849E

#A18884

Tetradic

#84A196

#8884A1

#A1848F

#9EA184

Color Blindness Simulation

Original

#84A196

Protanopia

#919199

Deuteranopia

#8F8D99

Tritanopia

#859B9B

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D7E0DC
300
#BACAC4
400
#94ADA4
500
#6E9184
600
#587469
700
#475D54
800
#374842
900
#2B3632
950
#1B221F

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026