#055458

#055458

Color Values

HEX

#055458

RGB

5, 84, 88

HSL

182.9, 89.2%, 18.2%

HSV

182.9, 94.3%, 34.5%

CMYK

94.3%, 4.5%, 0.0%, 65.5%

OKLCH

0.4062 0.0674 200.6

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#055458

#580905

Analogous

#055832

#052A58

#055458

Triadic

#055458

#580554

#545805

Split Complementary

#055458

#58052A

#583205

Tetradic

#055458

#320558

#580905

#2A5805

Color Blindness Simulation

Original

#055458

Protanopia

#272857

Deuteranopia

#231D57

Tritanopia

#095656

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0F9FB
200
#BBF8FB
300
#8BF3F8
400
#4CEDF5
500
#0EE6F1
600
#0BB8C1
700
#09939A
800
#077379
900
#0A5457
950
#063537

Contrast Checker

Text on white

8.69:1

AA Pass AAA Pass

Text on black

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