#054747

#054747

Color Values

HEX

#054747

RGB

5, 71, 71

HSL

180.0, 86.8%, 14.9%

HSV

180.0, 93.0%, 27.8%

CMYK

93.0%, 0.0%, 0.0%, 72.2%

OKLCH

0.3613 0.0596 194.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#054747

#470505

Analogous

#054726

#052647

#054747

Triadic

#054747

#470547

#474705

Split Complementary

#054747

#470526

#472605

Tetradic

#054747

#260547

#470505

#264705

Color Blindness Simulation

Original

#054747

Protanopia

#222247

Deuteranopia

#1E1947

Tritanopia

#084747

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BCFAFA
300
#8DF7F7
400
#4FF3F3
500
#11EEEE
600
#0DBFBF
700
#0B9898
800
#087777
900
#0B5656
950
#073737

Contrast Checker

Text on white

10.51:1

AA Pass AAA Pass

Text on black

2.0:1

AA Fail 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