#0C3F83

#0C3F83

Color Values

HEX

#0C3F83

RGB

12, 63, 131

HSL

214.3, 83.2%, 28.0%

HSV

214.3, 90.8%, 51.4%

CMYK

90.8%, 51.9%, 0.0%, 48.6%

OKLCH

0.3786 0.1258 257.8

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#0C3F83

#83500C

Analogous

#0C7A83

#150C83

#0C3F83

Triadic

#0C3F83

#830C3F

#3F830C

Split Complementary

#0C3F83

#83150C

#7A830C

Tetradic

#0C3F83

#830C7A

#83500C

#0C8315

Color Blindness Simulation

Original

#0C3F83

Protanopia

#222373

Deuteranopia

#1F1B6F

Tritanopia

#0F6663

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EBFA
200
#BED7F9
300
#8FBBF5
400
#5295EF
500
#1570EA
600
#115ABB
700
#0E4895
800
#0B3875
900
#0C2B55
950
#081B36

Contrast Checker

Text on white

10.22:1

AA Pass AAA Pass

Text on black

2.05:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026