#54796C

#54796C

Color Values

HEX

#54796C

RGB

84, 121, 108

HSL

158.9, 18.0%, 40.2%

HSV

158.9, 30.6%, 47.5%

CMYK

30.6%, 0.0%, 10.7%, 52.5%

OKLCH

0.5442 0.0467 170.7

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#54796C

#795461

Analogous

#54795A

#547379

#54796C

Triadic

#54796C

#6C5479

#796C54

Split Complementary

#54796C

#795473

#795A54

Tetradic

#54796C

#5A5479

#795461

#737954

Color Blindness Simulation

Original

#54796C

Protanopia

#64646F

Deuteranopia

#625F70

Tritanopia

#567272

Achromatopsia

#707070

CSS Usage

background-color: #54796C;
color: #54796C;
border-color: #54796C;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DD
300
#B7CDC5
400
#90B2A6
500
#699686
600
#54786B
700
#436056
800
#344B43
900
#293833
950
#1A2420

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

4.33:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026