#0C2E98

#0C2E98

Color Values

HEX

#0C2E98

RGB

12, 46, 152

HSL

225.4, 85.4%, 32.2%

HSV

225.4, 92.1%, 59.6%

CMYK

92.1%, 69.7%, 0.0%, 40.4%

OKLCH

0.3629 0.1758 264.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0C2E98

#98760C

Analogous

#0C7498

#300C98

#0C2E98

Triadic

#0C2E98

#980C2E

#2E980C

Split Complementary

#0C2E98

#98300C

#74980C

Tetradic

#0C2E98

#980C74

#98760C

#0C9830

Color Blindness Simulation

Original

#0C2E98

Protanopia

#1B1B7E

Deuteranopia

#191678

Tritanopia

#0E6A66

Achromatopsia

#2E2E2E

CSS Usage

background-color: #0C2E98;
color: #0C2E98;
border-color: #0C2E98;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F2F4FD
100
#E0E6FA
200
#BDCCFA
300
#8EA7F6
400
#5077F1
500
#1348EC
600
#0F39BD
700
#0C2E97
800
#092476
900
#0B1D56
950
#071336

Contrast Checker

Text on white

11.29:1

AA Pass AAA Pass

Text on black

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