#055058

#055058

Color Values

HEX

#055058

RGB

5, 80, 88

HSL

185.8, 89.2%, 18.2%

HSV

185.8, 94.3%, 34.5%

CMYK

94.3%, 9.1%, 0.0%, 65.5%

OKLCH

0.3948 0.0659 206.7

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#055058

#580D05

Analogous

#055836

#052658

#055058

Triadic

#055058

#580550

#505805

Split Complementary

#055058

#580526

#583605

Tetradic

#055058

#360558

#580D05

#265805

Color Blindness Simulation

Original

#055058

Protanopia

#252656

Deuteranopia

#211C56

Tritanopia

#095554

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BBF5FB
300
#8BEEF8
400
#4CE5F5
500
#0EDBF1
600
#0BAFC1
700
#098C9A
800
#076E79
900
#0A5057
950
#063237

Contrast Checker

Text on white

9.15:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026