#0C2774

#0C2774

Color Values

HEX

#0C2774

RGB

12, 39, 116

HSL

224.4, 81.2%, 25.1%

HSV

224.4, 89.7%, 45.5%

CMYK

89.7%, 66.4%, 0.0%, 54.5%

OKLCH

0.3119 0.1359 264.6

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#0C2774

#74590C

Analogous

#0C5B74

#250C74

#0C2774

Triadic

#0C2774

#740C27

#27740C

Split Complementary

#0C2774

#74250C

#5B740C

Tetradic

#0C2774

#740C5B

#74590C

#0C7425

Color Blindness Simulation

Original

#0C2774

Protanopia

#181861

Deuteranopia

#16145D

Tritanopia

#0D534F

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E7F9
200
#BECDF8
300
#90AAF3
400
#547CED
500
#184EE7
600
#133EB9
700
#0F3294
800
#0C2774
900
#0D1F54
950
#081435

Contrast Checker

Text on white

13.48:1

AA Pass AAA Pass

Text on black

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