#0C3697

#0C3697

Color Values

HEX

#0C3697

RGB

12, 54, 151

HSL

221.9, 85.3%, 32.0%

HSV

221.9, 92.1%, 59.2%

CMYK

92.1%, 64.2%, 0.0%, 40.8%

OKLCH

0.377 0.1649 263.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0C3697

#976D0C

Analogous

#0C7C97

#280C97

#0C3697

Triadic

#0C3697

#970C36

#36970C

Split Complementary

#0C3697

#97280C

#7C970C

Tetradic

#0C3697

#970C7C

#976D0C

#0C9728

Color Blindness Simulation

Original

#0C3697

Protanopia

#1E1F80

Deuteranopia

#1C197A

Tritanopia

#0E6D69

Achromatopsia

#343434

CSS Usage

background-color: #0C3697;
color: #0C3697;
border-color: #0C3697;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F5FD
100
#E0E8FA
200
#BDCFFA
300
#8EADF6
400
#5081F1
500
#1354EC
600
#0F43BD
700
#0C3697
800
#092A76
900
#0B2256
950
#071536

Contrast Checker

Text on white

10.55:1

AA Pass AAA Pass

Text on black

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