#0C2F98

#0C2F98

Color Values

HEX

#0C2F98

RGB

12, 47, 152

HSL

225.0, 85.4%, 32.2%

HSV

225.0, 92.1%, 59.6%

CMYK

92.1%, 69.1%, 0.0%, 40.4%

OKLCH

0.3647 0.1746 264.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0C2F98

#98750C

Analogous

#0C7598

#2F0C98

#0C2F98

Triadic

#0C2F98

#980C2F

#2F980C

Split Complementary

#0C2F98

#982F0C

#75980C

Tetradic

#0C2F98

#980C75

#98750C

#0C982F

Color Blindness Simulation

Original

#0C2F98

Protanopia

#1B1B7F

Deuteranopia

#191678

Tritanopia

#0E6B66

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCCFA
300
#8EA8F6
400
#5078F1
500
#1349EC
600
#0F3ABD
700
#0C2F97
800
#092576
900
#0B1E56
950
#071336

Contrast Checker

Text on white

11.2:1

AA Pass AAA Pass

Text on black

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