#154D8F

#154D8F

Color Values

HEX

#154D8F

RGB

21, 77, 143

HSL

212.5, 74.4%, 32.2%

HSV

212.5, 85.3%, 56.1%

CMYK

85.3%, 46.2%, 0.0%, 43.9%

OKLCH

0.4229 0.1231 255.4

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#154D8F

#8F5715

Analogous

#158A8F

#1A158F

#154D8F

Triadic

#154D8F

#8F154D

#4D8F15

Split Complementary

#154D8F

#8F1A15

#8A8F15

Tetradic

#154D8F

#8F158A

#8F5715

#158F1A

Color Blindness Simulation

Original

#154D8F

Protanopia

#2D2E7F

Deuteranopia

#2A267B

Tritanopia

#187270

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2ECF8
200
#C1D9F6
300
#94BEEF
400
#5A9BE7
500
#2178DE
600
#1A60B2
700
#154D8E
800
#103C6F
900
#102E51
950
#0A1D33

Contrast Checker

Text on white

8.43:1

AA Pass AAA Pass

Text on black

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