#054F98

#054F98

Color Values

HEX

#054F98

RGB

5, 79, 152

HSL

209.8, 93.6%, 30.8%

HSV

209.8, 96.7%, 59.6%

CMYK

96.7%, 48.0%, 0.0%, 40.4%

OKLCH

0.4314 0.1359 254.4

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#054F98

#984E05

Analogous

#059898

#050698

#054F98

Triadic

#054F98

#98054F

#4F9805

Split Complementary

#054F98

#980506

#989805

Tetradic

#054F98

#980598

#984E05

#069805

Color Blindness Simulation

Original

#054F98

Protanopia

#252686

Deuteranopia

#211B82

Tritanopia

#097875

Achromatopsia

#454545

CSS Usage

background-color: #054F98;
color: #054F98;
border-color: #054F98;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADCFD
300
#89C2FB
400
#48A1F9
500
#0880F7
600
#0767C5
700
#05529E
800
#04407B
900
#083159
950
#051F38

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

2.58:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026