#154E83

#154E83

Color Values

HEX

#154E83

RGB

21, 78, 131

HSL

208.9, 72.4%, 29.8%

HSV

208.9, 84.0%, 51.4%

CMYK

84.0%, 40.5%, 0.0%, 48.6%

OKLCH

0.4169 0.1054 250.8

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#154E83

#834A15

Analogous

#158381

#151783

#154E83

Triadic

#154E83

#83154E

#4E8315

Split Complementary

#154E83

#831517

#838115

Tetradic

#154E83

#811583

#834A15

#178315

Color Blindness Simulation

Original

#154E83

Protanopia

#2E2E76

Deuteranopia

#2A2673

Tritanopia

#186C6A

Achromatopsia

#464646

CSS Usage

background-color: #154E83;
color: #154E83;
border-color: #154E83;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DCF5
300
#95C3EE
400
#5CA3E5
500
#2383DC
600
#1C69B0
700
#17548D
800
#12416E
900
#113250
950
#0B1F33

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

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