#153B8F

#153B8F

Color Values

HEX

#153B8F

RGB

21, 59, 143

HSL

221.3, 74.4%, 32.2%

HSV

221.3, 85.3%, 56.1%

CMYK

85.3%, 58.7%, 0.0%, 43.9%

OKLCH

0.3822 0.1459 263.0

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#153B8F

#8F6915

Analogous

#15788F

#2C158F

#153B8F

Triadic

#153B8F

#8F153B

#3B8F15

Split Complementary

#153B8F

#8F2C15

#788F15

Tetradic

#153B8F

#8F1578

#8F6915

#158F2C

Color Blindness Simulation

Original

#153B8F

Protanopia

#25267B

Deuteranopia

#232076

Tritanopia

#176B67

Achromatopsia

#393939

CSS Usage

background-color: #153B8F;
color: #153B8F;
border-color: #153B8F;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E2E9F8
200
#C1D1F6
300
#94B1EF
400
#5A86E7
500
#215CDE
600
#1A49B2
700
#153B8E
800
#102E6F
900
#102451
950
#0A1733

Contrast Checker

Text on white

10.22:1

AA Pass AAA Pass

Text on black

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