#040C21

#040C21

Color Values

HEX

#040C21

RGB

4, 12, 33

HSL

223.4, 78.4%, 7.3%

HSV

223.4, 87.9%, 12.9%

CMYK

87.9%, 63.6%, 0.0%, 87.1%

OKLCH

0.1603 0.0466 263.5

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#040C21

#211904

Analogous

#041B21

#0B0421

#040C21

Triadic

#040C21

#21040C

#0C2104

Split Complementary

#040C21

#210B04

#1B2104

Tetradic

#040C21

#21041B

#211904

#04210B

Color Blindness Simulation

Original

#040C21

Protanopia

#07081C

Deuteranopia

#07061B

Tritanopia

#041817

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E1E8F9
200
#BFCFF7
300
#92ACF2
400
#5780EB
500
#1C53E3
600
#1642B6
700
#123592
800
#0E2972
900
#0E2153
950
#091534

Contrast Checker

Text on white

19.45:1

AA Pass AAA Pass

Text on black

1.08:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026