#0C102D

#0C102D

Color Values

HEX

#0C102D

RGB

12, 16, 45

HSL

232.7, 57.9%, 11.2%

HSV

232.7, 73.3%, 17.6%

CMYK

73.3%, 64.4%, 0.0%, 82.4%

OKLCH

0.1891 0.058 273.6

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#0C102D

#2D290C

Analogous

#0C212D

#190C2D

#0C102D

Triadic

#0C102D

#2D0C10

#102D0C

Split Complementary

#0C102D

#2D190C

#212D0C

Tetradic

#0C102D

#2D0C21

#2D290C

#0C2D19

Color Blindness Simulation

Original

#0C102D

Protanopia

#0E0E26

Deuteranopia

#0E0D24

Tritanopia

#0C201F

Achromatopsia

#111111

CSS Usage

background-color: #0C102D;
color: #0C102D;
border-color: #0C102D;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C7CCF0
300
#9EA7E5
400
#6A77D7
500
#3648C9
600
#2B39A1
700
#222E81
800
#1B2465
900
#171D4A
950
#0F132F

Contrast Checker

Text on white

18.62:1

AA Pass AAA Pass

Text on black

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