#0C2AC0

#0C2AC0

Color Values

HEX

#0C2AC0

RGB

12, 42, 192

HSL

230,0, 88,2%, 40,0%

HSV

230,0, 93,7%, 75,3%

CMYK

93,7%, 78,1%, 0,0%, 24,7%

OKLCH

0,4017 0,2283 265,2

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#0C2AC0

#C0A20C

Analogous

#0C84C0

#480CC0

#0C2AC0

Triadic

#0C2AC0

#C00C2A

#2AC00C

Split Complementary

#0C2AC0

#C0480C

#84C00C

Tetradic

#0C2AC0

#C00C84

#C0A20C

#0CC048

Color Blindness Simulation

Original

#0C2AC0

Protanopia

#19199C

Deuteranopia

#171593

Tritanopia

#0D7F79

Achromatopsia

#2E2E2E

CSS Usage

background-color: #0C2AC0;
color: #0C2AC0;
border-color: #0C2AC0;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F2F4FD
100
#E0E4FB
200
#BCC6FB
300
#8C9EF8
400
#4D69F4
500
#0F35F0
600
#0C2AC0
700
#0A229A
800
#081A78
900
#0A1757
950
#060E37

Contrast Checker

Text on white

9,96:1

AA Pass AAA Pass

Text on black

2,11: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