#040F18

#040F18

Color Values

HEX

#040F18

RGB

4, 15, 24

HSL

207.0, 71.4%, 5.5%

HSV

207.0, 83.3%, 9.4%

CMYK

83.3%, 37.5%, 0.0%, 90.6%

OKLCH

0.1622 0.0262 241.9

Properties

Cool Dark Nearest: RAL 5004 Black Blue

Color Harmonies

Complementary

#040F18

#180D04

Analogous

#041817

#040518

#040F18

Triadic

#040F18

#18040F

#0F1804

Split Complementary

#040F18

#180405

#181704

Tetradic

#040F18

#170418

#180D04

#051804

Color Blindness Simulation

Original

#040F18

Protanopia

#090916

Deuteranopia

#080715

Tritanopia

#051414

Achromatopsia

#0D0D0D

CSS Usage

background-color: #040F18;
color: #040F18;
border-color: #040F18;
Nearest Tailwind: Gray 950 #030712

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DEF5
300
#96C6ED
400
#5DA7E4
500
#2489DB
600
#1D6DAF
700
#17578C
800
#12446D
900
#113450
950
#0B2132

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