#040316

#040316

Color Values

HEX

#040316

RGB

4, 3, 22

HSL

243.2, 76.0%, 4.9%

HSV

243.2, 86.4%, 8.6%

CMYK

81.8%, 86.4%, 0.0%, 91.4%

OKLCH

0.1183 0.0458 280.7

Properties

Cool Dark Nearest: RAL 5004 Black Blue

Color Harmonies

Complementary

#040316

#151603

Analogous

#030B16

#0E0316

#040316

Triadic

#040316

#160403

#031604

Split Complementary

#040316

#160E03

#0B1603

Tetradic

#040316

#16030B

#151603

#03160E

Color Blindness Simulation

Original

#040316

Protanopia

#040411

Deuteranopia

#040410

Tritanopia

#040E0D

Achromatopsia

#050505

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E3E2F9
200
#C3C0F6
300
#9893F0
400
#6159E8
500
#291FE0
600
#2118B4
700
#1A1490
800
#140F70
900
#130F52
950
#0C0A34

Contrast Checker

Text on white

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