#0C3C83

#0C3C83

Color Values

HEX

#0C3C83

RGB

12, 60, 131

HSL

215.8, 83.2%, 28.0%

HSV

215.8, 90.8%, 51.4%

CMYK

90.8%, 54.2%, 0.0%, 48.6%

OKLCH

0.3717 0.1297 259.1

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#0C3C83

#83530C

Analogous

#0C7783

#170C83

#0C3C83

Triadic

#0C3C83

#830C3C

#3C830C

Split Complementary

#0C3C83

#83170C

#77830C

Tetradic

#0C3C83

#830C77

#83530C

#0C8317

Color Blindness Simulation

Original

#0C3C83

Protanopia

#212172

Deuteranopia

#1E1A6E

Tritanopia

#0E6461

Achromatopsia

#373737

CSS Usage

background-color: #0C3C83;
color: #0C3C83;
border-color: #0C3C83;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F6FD
100
#E1EBFA
200
#BED6F9
300
#8FB8F5
400
#5291EF
500
#156BEA
600
#1156BB
700
#0E4495
800
#0B3575
900
#0C2955
950
#081A36

Contrast Checker

Text on white

10.55:1

AA Pass AAA Pass

Text on black

1.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026