#0C0CBC

#0C0CBC

Color Values

HEX

#0C0CBC

RGB

12, 12, 188

HSL

240.0, 88.0%, 39.2%

HSV

240.0, 93.6%, 73.7%

CMYK

93.6%, 93.6%, 0.0%, 26.3%

OKLCH

0.3681 0.243 265.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0C0CBC

#BCBC0C

Analogous

#0C64BC

#640CBC

#0C0CBC

Triadic

#0C0CBC

#BC0C0C

#0CBC0C

Split Complementary

#0C0CBC

#BC640C

#64BC0C

Tetradic

#0C0CBC

#BC0C64

#BCBC0C

#0CBC64

Color Blindness Simulation

Original

#0C0CBC

Protanopia

#0C0C91

Deuteranopia

#0C0C87

Tritanopia

#0C7068

Achromatopsia

#191919

CSS Usage

background-color: #0C0CBC;
color: #0C0CBC;
border-color: #0C0CBC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BCBCFB
300
#8C8CF8
400
#4E4EF4
500
#0F0FF0
600
#0C0CC0
700
#0A0A99
800
#080878
900
#0A0A57
950
#060637

Contrast Checker

Text on white

11.7:1

AA Pass AAA Pass

Text on black

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