#055158

#055158

Color Values

HEX

#055158

RGB

5, 81, 88

HSL

185.1, 89.2%, 18.2%

HSV

185.1, 94.3%, 34.5%

CMYK

94.3%, 8.0%, 0.0%, 65.5%

OKLCH

0.3977 0.0662 205.1

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#055158

#580C05

Analogous

#055835

#052758

#055158

Triadic

#055158

#580551

#515805

Split Complementary

#055158

#580527

#583505

Tetradic

#055158

#350558

#580C05

#275805

Color Blindness Simulation

Original

#055158

Protanopia

#262756

Deuteranopia

#221C56

Tritanopia

#095555

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BBF6FB
300
#8BEFF8
400
#4CE7F5
500
#0EDEF1
600
#0BB2C1
700
#098E9A
800
#076F79
900
#0A5157
950
#063337

Contrast Checker

Text on white

9.03:1

AA Pass AAA Pass

Text on black

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