#030C20

#030C20

Color Values

HEX

#030C20

RGB

3, 12, 32

HSL

221.4, 82.9%, 6.9%

HSV

221.4, 90.6%, 12.5%

CMYK

90.6%, 62.5%, 0.0%, 87.5%

OKLCH

0.1583 0.0455 260.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#030C20

#201703

Analogous

#031B20

#090320

#030C20

Triadic

#030C20

#20030C

#0C2003

Split Complementary

#030C20

#200903

#1B2003

Tetradic

#030C20

#20031B

#201703

#032009

Color Blindness Simulation

Original

#030C20

Protanopia

#07071B

Deuteranopia

#06061A

Tritanopia

#031716

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E8FA
200
#BED0F9
300
#8FAFF5
400
#5283EF
500
#1657E9
600
#1146BB
700
#0E3895
800
#0B2C75
900
#0C2355
950
#081635

Contrast Checker

Text on white

19.49:1

AA Pass AAA Pass

Text on black

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