#040E23

#040E23

Color Values

HEX

#040E23

RGB

4, 14, 35

HSL

220.6, 79.5%, 7.6%

HSV

220.6, 88.6%, 13.7%

CMYK

88.6%, 60.0%, 0.0%, 86.3%

OKLCH

0.1679 0.047 261.1

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#040E23

#231904

Analogous

#041D23

#090423

#040E23

Triadic

#040E23

#23040E

#0E2304

Split Complementary

#040E23

#230904

#1D2304

Tetradic

#040E23

#23041D

#231904

#042309

Color Blindness Simulation

Original

#040E23

Protanopia

#08081E

Deuteranopia

#08071D

Tritanopia

#041A19

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1E9F9
200
#BFD1F8
300
#91B1F2
400
#5686EC
500
#1A5CE5
600
#1549B7
700
#113B92
800
#0D2E72
900
#0E2453
950
#091734

Contrast Checker

Text on white

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