#040216

#040216

Color Values

HEX

#040216

RGB

4, 2, 22

HSL

246.0, 83.3%, 4.7%

HSV

246.0, 90.9%, 8.6%

CMYK

81.8%, 90.9%, 0.0%, 91.4%

OKLCH

0.1134 0.0495 283.0

Properties

Cool Dark Nearest: RAL 5004 Black Blue

Color Harmonies

Complementary

#040216

#141602

Analogous

#020A16

#0E0216

#040216

Triadic

#040216

#160402

#021604

Split Complementary

#040216

#160E02

#0A1602

Tetradic

#040216

#16020A

#141602

#02160E

Color Blindness Simulation

Original

#040216

Protanopia

#030311

Deuteranopia

#030310

Tritanopia

#040D0C

Achromatopsia

#040404

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E1FA
200
#C4BEF9
300
#998FF5
400
#6252EF
500
#2B15EA
600
#2211BB
700
#1B0E96
800
#150B75
900
#130C55
950
#0C0836

Contrast Checker

Text on white

20.48:1

AA Pass AAA Pass

Text on black

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