#154169

#154169

Color Values

HEX

#154169

RGB

21, 65, 105

HSL

208.6, 66.7%, 24.7%

HSV

208.6, 80.0%, 41.2%

CMYK

80.0%, 38.1%, 0.0%, 58.8%

OKLCH

0.3669 0.084 249.5

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#154169

#693D15

Analogous

#156967

#151769

#154169

Triadic

#154169

#691541

#416915

Split Complementary

#154169

#691517

#696715

Tetradic

#154169

#671569

#693D15

#176915

Color Blindness Simulation

Original

#154169

Protanopia

#28285F

Deuteranopia

#26225D

Tritanopia

#175856

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C3DCF3
300
#99C4EB
400
#62A4E0
500
#2A83D5
600
#2269AA
700
#1B5488
800
#15426A
900
#13324E
950
#0C1F31

Contrast Checker

Text on white

10.54:1

AA Pass AAA Pass

Text on black

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