#040D23

#040D23

Color Values

HEX

#040D23

RGB

4, 13, 35

HSL

222.6, 79.5%, 7.6%

HSV

222.6, 88.6%, 13.7%

CMYK

88.6%, 62.9%, 0.0%, 86.3%

OKLCH

0.165 0.0486 262.8

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#040D23

#231A04

Analogous

#041C23

#0A0423

#040D23

Triadic

#040D23

#23040D

#0D2304

Split Complementary

#040D23

#230A04

#1C2304

Tetradic

#040D23

#23041C

#231A04

#04230A

Color Blindness Simulation

Original

#040D23

Protanopia

#08081E

Deuteranopia

#07071C

Tritanopia

#041919

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E8F9
200
#BFCFF8
300
#91ADF2
400
#5681EC
500
#1A55E5
600
#1544B7
700
#113692
800
#0D2A72
900
#0E2253
950
#091534

Contrast Checker

Text on white

19.32:1

AA Pass AAA Pass

Text on black

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