#040E20

#040E20

Color Values

HEX

#040E20

RGB

4, 14, 32

HSL

218.6, 77.8%, 7.1%

HSV

218.6, 87.5%, 12.5%

CMYK

87.5%, 56.2%, 0.0%, 87.5%

OKLCH

0.1652 0.0415 258.9

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#040E20

#201604

Analogous

#041C20

#080420

#040E20

Triadic

#040E20

#20040E

#0E2004

Split Complementary

#040E20

#200804

#1C2004

Tetradic

#040E20

#20041C

#201604

#042008

Color Blindness Simulation

Original

#040E20

Protanopia

#08081C

Deuteranopia

#08071B

Tritanopia

#041817

Achromatopsia

#0D0D0D

CSS Usage

background-color: #040E20;
color: #040E20;
border-color: #040E20;
Nearest Tailwind: Slate 950 #020617

Tailwind Shades

50
#F2F6FC
100
#E1EAF9
200
#C0D3F7
300
#92B4F1
400
#578CEA
500
#1C63E3
600
#174FB5
700
#123F91
800
#0E3271
900
#0F2752
950
#091834

Contrast Checker

Text on white

19.29:1

AA Pass AAA Pass

Text on black

1.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026