#040C5D

#040C5D

Color Values

HEX

#040C5D

RGB

4, 12, 93

HSL

234.6, 91.8%, 19.0%

HSV

234.6, 95.7%, 36.5%

CMYK

95.7%, 87.1%, 0.0%, 63.5%

OKLCH

0.2342 0.1376 266.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#040C5D

#5D5504

Analogous

#04385D

#28045D

#040C5D

Triadic

#040C5D

#5D040C

#0C5D04

Split Complementary

#040C5D

#5D2804

#385D04

Tetradic

#040C5D

#5D0438

#5D5504

#045D28

Color Blindness Simulation

Original

#040C5D

Protanopia

#070849

Deuteranopia

#070645

Tritanopia

#043A37

Achromatopsia

#101010

CSS Usage

background-color: #040C5D;
color: #040C5D;
border-color: #040C5D;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F1F2FD
100
#DFE2FB
200
#BBC0FC
300
#8A94FA
400
#4A5AF7
500
#0A20F5
600
#0819C4
700
#07149D
800
#05107A
900
#081058
950
#050A38

Contrast Checker

Text on white

17.27:1

AA Pass AAA Pass

Text on black

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