#0C4682

#0C4682

Color Values

HEX

#0C4682

RGB

12, 70, 130

HSL

210.5, 83.1%, 27.8%

HSV

210.5, 90.8%, 51.0%

CMYK

90.8%, 46.2%, 0.0%, 49.0%

OKLCH

0.3946 0.1156 253.9

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#0C4682

#82480C

Analogous

#0C8182

#0D0C82

#0C4682

Triadic

#0C4682

#820C46

#46820C

Split Complementary

#0C4682

#820D0C

#81820C

Tetradic

#0C4682

#820C81

#82480C

#0C820D

Color Blindness Simulation

Original

#0C4682

Protanopia

#252673

Deuteranopia

#221D70

Tritanopia

#0F6866

Achromatopsia

#3E3E3E

CSS Usage

background-color: #0C4682;
color: #0C4682;
border-color: #0C4682;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDBF9
300
#8FC1F5
400
#529FEF
500
#167EE9
600
#1165BB
700
#0E5095
800
#0B3F75
900
#0C3055
950
#081E35

Contrast Checker

Text on white

9.48:1

AA Pass AAA Pass

Text on black

2.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026