#055496

#055496

Color Values

HEX

#055496

RGB

5, 84, 150

HSL

207.3, 93.5%, 30.4%

HSV

207.3, 96.7%, 58.8%

CMYK

96.7%, 44.0%, 0.0%, 41.2%

OKLCH

0.4418 0.1272 251.5

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#055496

#964705

Analogous

#05968F

#050C96

#055496

Triadic

#055496

#960554

#549605

Split Complementary

#055496

#96050C

#968F05

Tetradic

#055496

#8F0596

#964705

#0C9605

Color Blindness Simulation

Original

#055496

Protanopia

#272886

Deuteranopia

#231D82

Tritanopia

#097977

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADEFD
300
#89C7FB
400
#48A9F9
500
#088AF7
600
#076FC5
700
#05589E
800
#04457B
900
#083459
950
#052138

Contrast Checker

Text on white

7.73:1

AA Pass AAA Pass

Text on black

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