#15529C

#15529C

Color Values

HEX

#15529C

RGB

21, 82, 156

HSL

212.9, 76.3%, 34.7%

HSV

212.9, 86.5%, 61.2%

CMYK

86.5%, 47.4%, 0.0%, 38.8%

OKLCH

0.4441 0.1349 256.1

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#15529C

#9C5F15

Analogous

#15959C

#1B159C

#15529C

Triadic

#15529C

#9C1552

#529C15

Split Complementary

#15529C

#9C1B15

#959C15

Tetradic

#15529C

#9C1595

#9C5F15

#159C1B

Color Blindness Simulation

Original

#15529C

Protanopia

#2F308A

Deuteranopia

#2C2786

Tritanopia

#187C79

Achromatopsia

#4A4A4A

CSS Usage

background-color: #15529C;
color: #15529C;
border-color: #15529C;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D9F7
300
#93BDF0
400
#599AE9
500
#1E76E1
600
#185EB4
700
#134C90
800
#0F3B70
900
#0F2D52
950
#0A1D34

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

2.72:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026