#153B6F

#153B6F

Color Values

HEX

#153B6F

RGB

21, 59, 111

HSL

214.7, 68.2%, 25.9%

HSV

214.7, 81.1%, 43.5%

CMYK

81.1%, 46.8%, 0.0%, 56.5%

OKLCH

0.356 0.0998 257.3

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#153B6F

#6F4915

Analogous

#15686F

#1C156F

#153B6F

Triadic

#153B6F

#6F153B

#3B6F15

Split Complementary

#153B6F

#6F1C15

#686F15

Tetradic

#153B6F

#6F1568

#6F4915

#156F1C

Color Blindness Simulation

Original

#153B6F

Protanopia

#252662

Deuteranopia

#23205F

Tritanopia

#175856

Achromatopsia

#373737

CSS Usage

background-color: #153B6F;
color: #153B6F;
border-color: #153B6F;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C3D7F4
300
#98BBEC
400
#6097E1
500
#2972D6
600
#205BAC
700
#1A4989
800
#14396B
900
#132C4E
950
#0C1C31

Contrast Checker

Text on white

11.13:1

AA Pass AAA Pass

Text on black

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