#0C4587

#0C4587

Color Values

HEX

#0C4587

RGB

12, 69, 135

HSL

212.2, 83.7%, 28.8%

HSV

212.2, 91.1%, 52.9%

CMYK

91.1%, 48.9%, 0.0%, 47.1%

OKLCH

0.3959 0.1238 255.9

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#0C4587

#874E0C

Analogous

#0C8287

#100C87

#0C4587

Triadic

#0C4587

#870C45

#45870C

Split Complementary

#0C4587

#87100C

#82870C

Tetradic

#0C4587

#870C82

#874E0C

#0C8710

Color Blindness Simulation

Original

#0C4587

Protanopia

#252577

Deuteranopia

#211D73

Tritanopia

#0F6A68

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD9F9
300
#8FBEF5
400
#529BF0
500
#1578EA
600
#1160BB
700
#0D4D96
800
#0A3C75
900
#0C2E55
950
#081D36

Contrast Checker

Text on white

9.47:1

AA Pass AAA Pass

Text on black

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