#153CB7

#153CB7

Color Values

HEX

#153CB7

RGB

21, 60, 183

HSL

225.6, 79.4%, 40.0%

HSV

225.6, 88.5%, 71.8%

CMYK

88.5%, 67.2%, 0.0%, 28.2%

OKLCH

0.4221 0.1977 264.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#153CB7

#B79015

Analogous

#158DB7

#3F15B7

#153CB7

Triadic

#153CB7

#B7153C

#3CB715

Split Complementary

#153CB7

#B73F15

#8DB715

Tetradic

#153CB7

#B7158D

#B79015

#15B73F

Color Blindness Simulation

Original

#153CB7

Protanopia

#262699

Deuteranopia

#242192

Tritanopia

#17827D

Achromatopsia

#3D3D3D

CSS Usage

background-color: #153CB7;
color: #153CB7;
border-color: #153CB7;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F5FD
100
#E1E7F9
200
#BFCDF8
300
#91A9F2
400
#567AEC
500
#1A4BE5
600
#153CB7
700
#113092
800
#0D2572
900
#0E1E53
950
#091334

Contrast Checker

Text on white

8.89:1

AA Pass AAA Pass

Text on black

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