#152F8F

#152F8F

Color Values

HEX

#152F8F

RGB

21, 47, 143

HSL

227.2, 74.4%, 32.2%

HSV

227.2, 85.3%, 56.1%

CMYK

85.3%, 67.1%, 0.0%, 43.9%

OKLCH

0.3581 0.1609 266.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#152F8F

#8F7515

Analogous

#156C8F

#38158F

#152F8F

Triadic

#152F8F

#8F152F

#2F8F15

Split Complementary

#152F8F

#8F3815

#6C8F15

Tetradic

#152F8F

#8F156C

#8F7515

#158F38

Color Blindness Simulation

Original

#152F8F

Protanopia

#202078

Deuteranopia

#1F1D72

Tritanopia

#166561

Achromatopsia

#303030

CSS Usage

background-color: #152F8F;
color: #152F8F;
border-color: #152F8F;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F3F5FC
100
#E2E7F8
200
#C1CCF6
300
#94A8EF
400
#5A78E7
500
#2149DE
600
#1A3AB2
700
#152F8E
800
#10256F
900
#101E51
950
#0A1333

Contrast Checker

Text on white

11.44:1

AA Pass AAA Pass

Text on black

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