#040A4E

#040A4E

Color Values

HEX

#040A4E

RGB

4, 10, 78

HSL

235.1, 90.2%, 16.1%

HSV

235.1, 94.9%, 30.6%

CMYK

94.9%, 87.2%, 0.0%, 69.4%

OKLCH

0.2107 0.1199 266.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#040A4E

#4E4804

Analogous

#042F4E

#23044E

#040A4E

Triadic

#040A4E

#4E040A

#0A4E04

Split Complementary

#040A4E

#4E2304

#2F4E04

Tetradic

#040A4E

#4E042F

#4E4804

#044E23

Color Blindness Simulation

Original

#040A4E

Protanopia

#07073E

Deuteranopia

#06063A

Tritanopia

#04312E

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE2FB
200
#BBC0FC
300
#8B94F9
400
#4C59F6
500
#0C1FF3
600
#0A19C2
700
#08149B
800
#061079
900
#091058
950
#060A37

Contrast Checker

Text on white

18.13:1

AA Pass AAA Pass

Text on black

1.16:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026