#0C0873

#0C0873

Color Values

HEX

#0C0873

RGB

12, 8, 115

HSL

242.2, 87.0%, 24.1%

HSV

242.2, 93.0%, 45.1%

CMYK

89.6%, 93.0%, 0.0%, 54.9%

OKLCH

0.2642 0.1651 268.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#0C0873

#6F7308

Analogous

#083A73

#410873

#0C0873

Triadic

#0C0873

#730C08

#08730C

Split Complementary

#0C0873

#734108

#3A7308

Tetradic

#0C0873

#73083A

#6F7308

#087341

Color Blindness Simulation

Original

#0C0873

Protanopia

#0A0A59

Deuteranopia

#0A0B53

Tritanopia

#0C4540

Achromatopsia

#111111

CSS Usage

background-color: #0C0873;
color: #0C0873;
border-color: #0C0873;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BFBCFA
300
#908DF7
400
#554FF3
500
#1911EE
600
#140DBF
700
#100B99
800
#0C0877
900
#0D0B56
950
#080737

Contrast Checker

Text on white

16.18:1

AA Pass AAA Pass

Text on black

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