#040B21

#040B21

Color Values

HEX

#040B21

RGB

4, 11, 33

HSL

225.5, 78.4%, 7.3%

HSV

225.5, 87.9%, 12.9%

CMYK

87.9%, 66.7%, 0.0%, 87.1%

OKLCH

0.1574 0.0482 265.2

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#040B21

#211A04

Analogous

#041A21

#0C0421

#040B21

Triadic

#040B21

#21040B

#0B2104

Split Complementary

#040B21

#210C04

#1A2104

Tetradic

#040B21

#21041A

#211A04

#04210C

Color Blindness Simulation

Original

#040B21

Protanopia

#07071C

Deuteranopia

#07061A

Tritanopia

#041717

Achromatopsia

#0B0B0B

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E1E7F9
200
#BFCDF7
300
#92A9F2
400
#577AEB
500
#1C4CE3
600
#163DB6
700
#123192
800
#0E2672
900
#0E1F53
950
#091334

Contrast Checker

Text on white

19.54:1

AA Pass AAA Pass

Text on black

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