#054F92

#054F92

Color Values

HEX

#054F92

RGB

5, 79, 146

HSL

208.5, 93.4%, 29.6%

HSV

208.5, 96.6%, 57.3%

CMYK

96.6%, 45.9%, 0.0%, 42.7%

OKLCH

0.4269 0.1278 252.9

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#054F92

#924805

Analogous

#05928E

#050992

#054F92

Triadic

#054F92

#92054F

#4F9205

Split Complementary

#054F92

#920509

#928E05

Tetradic

#054F92

#8E0592

#924805

#099205

Color Blindness Simulation

Original

#054F92

Protanopia

#252682

Deuteranopia

#211B7E

Tritanopia

#097572

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFD
300
#89C5FB
400
#49A5F9
500
#0885F7
600
#076BC5
700
#05559E
800
#04437B
900
#083259
950
#052038

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

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