#0C3198

#0C3198

Color Values

HEX

#0C3198

RGB

12, 49, 152

HSL

224.1, 85.4%, 32.2%

HSV

224.1, 92.1%, 59.6%

CMYK

92.1%, 67.8%, 0.0%, 40.4%

OKLCH

0.3684 0.1723 264.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0C3198

#98730C

Analogous

#0C7798

#2D0C98

#0C3198

Triadic

#0C3198

#980C31

#31980C

Split Complementary

#0C3198

#982D0C

#77980C

Tetradic

#0C3198

#980C77

#98730C

#0C982D

Color Blindness Simulation

Original

#0C3198

Protanopia

#1C1C7F

Deuteranopia

#1A1779

Tritanopia

#0E6B67

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCDFA
300
#8EA9F6
400
#507BF1
500
#134CEC
600
#0F3DBD
700
#0C3197
800
#092676
900
#0B1F56
950
#071436

Contrast Checker

Text on white

11.0:1

AA Pass AAA Pass

Text on black

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