#154E98

#154E98

Color Values

HEX

#154E98

RGB

21, 78, 152

HSL

213.9, 75.7%, 33.9%

HSV

213.9, 86.2%, 59.6%

CMYK

86.2%, 48.7%, 0.0%, 40.4%

OKLCH

0.4319 0.1343 257.1

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#154E98

#985F15

Analogous

#158F98

#1E1598

#154E98

Triadic

#154E98

#98154E

#4E9815

Split Complementary

#154E98

#981E15

#8F9815

Tetradic

#154E98

#98158F

#985F15

#15981E

Color Blindness Simulation

Original

#154E98

Protanopia

#2E2E86

Deuteranopia

#2A2682

Tritanopia

#187875

Achromatopsia

#474747

CSS Usage

background-color: #154E98;
color: #154E98;
border-color: #154E98;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D8F6
300
#93BCF0
400
#5997E8
500
#1F73E0
600
#195CB3
700
#144A8F
800
#0F3970
900
#0F2C51
950
#0A1C33

Contrast Checker

Text on white

8.16:1

AA Pass AAA Pass

Text on black

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