#84A195

#84A195

Color Values

HEX

#84A195

RGB

132, 161, 149

HSL

155.2, 13.4%, 57.5%

HSV

155.2, 18.0%, 63.1%

CMYK

18.0%, 0.0%, 7.5%, 36.9%

OKLCH

0.6834 0.0367 168.2

Properties

Cool Light Nearest: RAL 7042 Traffic Grey A

Color Harmonies

Complementary

#84A195

#A18490

Analogous

#84A187

#849FA1

#84A195

Triadic

#84A195

#9584A1

#A19584

Split Complementary

#84A195

#A1849F

#A18784

Tetradic

#84A195

#8784A1

#A18490

#9FA184

Color Blindness Simulation

Original

#84A195

Protanopia

#919198

Deuteranopia

#8F8D99

Tritanopia

#859A9B

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D7E0DC
300
#BACAC3
400
#94ADA3
500
#6E9182
600
#587468
700
#475D53
800
#374841
900
#2B3631
950
#1B221F

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

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