#0C2173

#0C2173

Color Values

HEX

#0C2173

RGB

12, 33, 115

HSL

227.8, 81.1%, 24.9%

HSV

227.8, 89.6%, 45.1%

CMYK

89.6%, 71.3%, 0.0%, 54.9%

OKLCH

0.299 0.142 265.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0C2173

#735E0C

Analogous

#0C5473

#2B0C73

#0C2173

Triadic

#0C2173

#730C21

#21730C

Split Complementary

#0C2173

#732B0C

#54730C

Tetradic

#0C2173

#730C54

#735E0C

#0C732B

Color Blindness Simulation

Original

#0C2173

Protanopia

#15155F

Deuteranopia

#14125A

Tritanopia

#0D4F4C

Achromatopsia

#222222

CSS Usage

background-color: #0C2173;
color: #0C2173;
border-color: #0C2173;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F2F4FD
100
#E1E6F9
200
#BECAF8
300
#90A4F3
400
#5473ED
500
#1842E7
600
#1335B9
700
#0F2A94
800
#0C2173
900
#0D1B54
950
#081135

Contrast Checker

Text on white

14.18:1

AA Pass AAA Pass

Text on black

1.48:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026