#055397

#055397

Color Values

HEX

#055397

RGB

5, 83, 151

HSL

207.9, 93.6%, 30.6%

HSV

207.9, 96.7%, 59.2%

CMYK

96.7%, 45.0%, 0.0%, 40.8%

OKLCH

0.4401 0.1297 252.3

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#055397

#974905

Analogous

#059792

#050A97

#055397

Triadic

#055397

#970553

#539705

Split Complementary

#055397

#97050A

#979205

Tetradic

#055397

#920597

#974905

#0A9705

Color Blindness Simulation

Original

#055397

Protanopia

#272787

Deuteranopia

#221C83

Tritanopia

#097A77

Achromatopsia

#474747

CSS Usage

background-color: #055397;
color: #055397;
border-color: #055397;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADEFD
300
#89C6FB
400
#48A7F9
500
#0888F7
600
#076DC5
700
#05579E
800
#04447B
900
#083359
950
#052038

Contrast Checker

Text on white

7.8:1

AA Pass AAA Pass

Text on black

2.69:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026