#84A180

#84A180

Color Values

HEX

#84A180

RGB

132, 161, 128

HSL

112.7, 14.9%, 56.7%

HSV

112.7, 20.5%, 63.1%

CMYK

18.0%, 0.0%, 20.5%, 36.9%

OKLCH

0.6777 0.0576 141.7

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#84A180

#9D80A1

Analogous

#95A180

#80A18D

#84A180

Triadic

#84A180

#8084A1

#A18084

Split Complementary

#84A180

#8D80A1

#A18095

Tetradic

#84A180

#8095A1

#9D80A1

#A18D80

Color Blindness Simulation

Original

#84A180

Protanopia

#919188

Deuteranopia

#8F8D8A

Tritanopia

#858E90

Achromatopsia

#989898

CSS Usage

background-color: #84A180;
color: #84A180;
border-color: #84A180;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F7F8F6
100
#EBEFEB
200
#D7E1D6
300
#BBCBB9
400
#96AF93
500
#71926D
600
#5B7557
700
#485E45
800
#394936
900
#2C372A
950
#1B231A

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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