#0C45C0

#0C45C0

Color Values

HEX

#0C45C0

RGB

12, 69, 192

HSL

221.0, 88.2%, 40.0%

HSV

221.0, 93.7%, 75.3%

CMYK

93.7%, 64.1%, 0.0%, 24.7%

OKLCH

0.4455 0.2001 262.7

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0C45C0

#C0870C

Analogous

#0C9FC0

#2D0CC0

#0C45C0

Triadic

#0C45C0

#C00C45

#45C00C

Split Complementary

#0C45C0

#C02D0C

#9FC00C

Tetradic

#0C45C0

#C00C9F

#C0870C

#0CC02D

Color Blindness Simulation

Original

#0C45C0

Protanopia

#2525A2

Deuteranopia

#211D9B

Tritanopia

#0F8B86

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E8FB
200
#BCD0FB
300
#8CAEF8
400
#4D82F4
500
#0F56F0
600
#0C45C0
700
#0A379A
800
#082B78
900
#0A2257
950
#061637

Contrast Checker

Text on white

7.99:1

AA Pass AAA Pass

Text on black

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