#84A88F

#84A88F

Color Values

HEX

#84A88F

RGB

132, 168, 143

HSL

138.3, 17.1%, 58.8%

HSV

138.3, 21.4%, 65.9%

CMYK

21.4%, 0.0%, 14.9%, 34.1%

OKLCH

0.6977 0.0537 154.5

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#84A88F

#A8849D

Analogous

#8BA884

#84A8A1

#84A88F

Triadic

#84A88F

#8F84A8

#A88F84

Split Complementary

#84A88F

#A184A8

#A8848B

Tetradic

#84A88F

#848BA8

#A8849D

#A8A184

Color Blindness Simulation

Original

#84A88F

Protanopia

#949495

Deuteranopia

#928F96

Tritanopia

#869A9B

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0EC
200
#D5E1D9
300
#B7CCBE
400
#91B19A
500
#6A9577
600
#55775F
700
#44604C
800
#354B3B
900
#29382E
950
#1A231D

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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