#153E82

#153E82

Color Values

HEX

#153E82

RGB

21, 62, 130

HSL

217.4, 72.2%, 29.6%

HSV

217.4, 83.8%, 51.0%

CMYK

83.8%, 52.3%, 0.0%, 49.0%

OKLCH

0.3779 0.1236 260.1

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#153E82

#825915

Analogous

#157582

#221582

#153E82

Triadic

#153E82

#82153E

#3E8215

Split Complementary

#153E82

#822215

#758215

Tetradic

#153E82

#821575

#825915

#158222

Color Blindness Simulation

Original

#153E82

Protanopia

#272772

Deuteranopia

#24216E

Tritanopia

#176562

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C2D5F5
300
#96B7EE
400
#5D90E5
500
#2369DC
600
#1C54B0
700
#17438D
800
#12346E
900
#112950
950
#0B1A32

Contrast Checker

Text on white

10.28:1

AA Pass AAA Pass

Text on black

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