#54816D

#54816D

Color Values

HEX

#54816D

RGB

84, 129, 109

HSL

153.3, 21.1%, 41.8%

HSV

153.3, 34.9%, 50.6%

CMYK

34.9%, 0.0%, 15.5%, 49.4%

OKLCH

0.5644 0.0587 164.8

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#54816D

#815468

Analogous

#548157

#547F81

#54816D

Triadic

#54816D

#6D5481

#816D54

Split Complementary

#54816D

#81547F

#815754

Tetradic

#54816D

#575481

#815468

#7F8154

Color Blindness Simulation

Original

#54816D

Protanopia

#676872

Deuteranopia

#656273

Tritanopia

#567676

Achromatopsia

#767676

CSS Usage

background-color: #54816D;
color: #54816D;
border-color: #54816D;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DC
300
#B5CFC3
400
#8DB5A3
500
#659A82
600
#507C68
700
#406353
800
#324D41
900
#273A31
950
#19241F

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass AAA Fail

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