#0C2C98

#0C2C98

Color Values

HEX

#0C2C98

RGB

12, 44, 152

HSL

226.3, 85.4%, 32.2%

HSV

226.3, 92.1%, 59.6%

CMYK

92.1%, 71.1%, 0.0%, 40.4%

OKLCH

0.3594 0.1781 264.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0C2C98

#98780C

Analogous

#0C7298

#320C98

#0C2C98

Triadic

#0C2C98

#980C2C

#2C980C

Split Complementary

#0C2C98

#98320C

#72980C

Tetradic

#0C2C98

#980C72

#98780C

#0C9832

Color Blindness Simulation

Original

#0C2C98

Protanopia

#1A1A7E

Deuteranopia

#181678

Tritanopia

#0E6965

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E6FA
200
#BDCBFA
300
#8EA5F6
400
#5075F1
500
#1344EC
600
#0F37BD
700
#0C2C97
800
#092276
900
#0B1C56
950
#071236

Contrast Checker

Text on white

11.48:1

AA Pass AAA Pass

Text on black

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