#054F4E

#054F4E

Color Values

HEX

#054F4E

RGB

5, 79, 78

HSL

179.2, 88.1%, 16.5%

HSV

179.2, 93.7%, 31.0%

CMYK

93.7%, 0.0%, 1.3%, 69.0%

OKLCH

0.3876 0.0645 193.3

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#054F4E

#4F0506

Analogous

#054F29

#052B4F

#054F4E

Triadic

#054F4E

#4E054F

#4F4E05

Split Complementary

#054F4E

#4F052B

#4F2905

Tetradic

#054F4E

#29054F

#4F0506

#2B4F05

Color Blindness Simulation

Original

#054F4E

Protanopia

#25264E

Deuteranopia

#211B4E

Tritanopia

#094E4E

Achromatopsia

#3F3F3F

CSS Usage

background-color: #054F4E;
color: #054F4E;
border-color: #054F4E;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F2FDFD
100
#E0FBFA
200
#BCFBFA
300
#8CF8F6
400
#4EF4F2
500
#0FF0ED
600
#0CC0BD
700
#0A9998
800
#087876
900
#0A5756
950
#063736

Contrast Checker

Text on white

9.4:1

AA Pass AAA Pass

Text on black

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