#154F85

#154F85

Color Values

HEX

#154F85

RGB

21, 79, 133

HSL

208.9, 72.7%, 30.2%

HSV

208.9, 84.2%, 52.2%

CMYK

84.2%, 40.6%, 0.0%, 47.8%

OKLCH

0.4207 0.107 250.9

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#154F85

#854B15

Analogous

#158583

#151785

#154F85

Triadic

#154F85

#85154F

#4F8515

Split Complementary

#154F85

#851517

#858315

Tetradic

#154F85

#831585

#854B15

#178515

Color Blindness Simulation

Original

#154F85

Protanopia

#2E2F78

Deuteranopia

#2B2675

Tritanopia

#186E6B

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

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