#154673

#154673

Color Values

HEX

#154673

RGB

21, 70, 115

HSL

208,7, 69,1%, 26,7%

HSV

208,7, 81,7%, 45,1%

CMYK

81,7%, 39,1%, 0,0%, 54,9%

OKLCH

0,3863 0,0924 250,1

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#154673

#734215

Analogous

#157371

#151773

#154673

Triadic

#154673

#731546

#467315

Split Complementary

#154673

#731517

#737115

Tetradic

#154673

#711573

#734215

#177315

Color Blindness Simulation

Original

#154673

Protanopia

#2A2B68

Deuteranopia

#272466

Tritanopia

#17605E

Achromatopsia

#3F3F3F

CSS Usage

background-color: #154673;
color: #154673;
border-color: #154673;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C3DCF4
300
#98C4EC
400
#5FA3E2
500
#2783D8
600
#2069AC
700
#19548A
800
#14426C
900
#12324F
950
#0C1F32

Contrast Checker

Text on white

9,74:1

AA Pass AAA Pass

Text on black

2,16: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