#0C2255

#0C2255

Color Values

HEX

#0C2255

RGB

12, 34, 85

HSL

221.9, 75.3%, 19.0%

HSV

221.9, 85.9%, 33.3%

CMYK

85.9%, 60.0%, 0.0%, 66.7%

OKLCH

0.2704 0.097 263.6

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#0C2255

#553F0C

Analogous

#0C4655

#1A0C55

#0C2255

Triadic

#0C2255

#550C22

#22550C

Split Complementary

#0C2255

#551A0C

#46550C

Tetradic

#0C2255

#550C46

#553F0C

#0C551A

Color Blindness Simulation

Original

#0C2255

Protanopia

#161649

Deuteranopia

#141346

Tritanopia

#0D3F3D

Achromatopsia

#212121

CSS Usage

background-color: #0C2255;
color: #0C2255;
border-color: #0C2255;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F2F5FC
100
#E2E9F9
200
#C0D1F6
300
#94B0F0
400
#5A84E8
500
#1F59E0
600
#1948B3
700
#14398F
800
#102D70
900
#102351
950
#0A1633

Contrast Checker

Text on white

15.27:1

AA Pass AAA Pass

Text on black

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