#0C5CC0

#0C5CC0

Color Values

HEX

#0C5CC0

RGB

12, 92, 192

HSL

213.3, 88.2%, 40.0%

HSV

213.3, 93.7%, 75.3%

CMYK

93.7%, 52.1%, 0.0%, 24.7%

OKLCH

0.4923 0.1723 257.8

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0C5CC0

#C0700C

Analogous

#0CB6C0

#160CC0

#0C5CC0

Triadic

#0C5CC0

#C00C5C

#5CC00C

Split Complementary

#0C5CC0

#C0160C

#B6C00C

Tetradic

#0C5CC0

#C00CB6

#C0700C

#0CC016

Color Blindness Simulation

Original

#0C5CC0

Protanopia

#2F2FA8

Deuteranopia

#2A24A2

Tritanopia

#109590

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0ECFB
200
#BCD8FB
300
#8CBCF8
400
#4D97F4
500
#0F73F0
600
#0C5CC0
700
#0A4A9A
800
#083A78
900
#0A2C57
950
#061C37

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

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