#040D21

#040D21

Color Values

HEX

#040D21

RGB

4, 13, 33

HSL

221.4, 78.4%, 7.3%

HSV

221.4, 87.9%, 12.9%

CMYK

87.9%, 60.6%, 0.0%, 87.1%

OKLCH

0.1631 0.045 261.7

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#040D21

#211804

Analogous

#041C21

#0A0421

#040D21

Triadic

#040D21

#21040D

#0D2104

Split Complementary

#040D21

#210A04

#1C2104

Tetradic

#040D21

#21041C

#211804

#04210A

Color Blindness Simulation

Original

#040D21

Protanopia

#08081C

Deuteranopia

#07071B

Tritanopia

#041818

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E1E9F9
200
#BFD1F7
300
#92B0F2
400
#5785EB
500
#1C5AE3
600
#1648B6
700
#123992
800
#0E2D72
900
#0E2353
950
#091634

Contrast Checker

Text on white

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