#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