Midnight

#040D30

General Information about #040D30

The hex color code #040D30 represents a very dark shade of blue, often referred to as 'Midnight'. It resides in the dark end of the color spectrum, possessing minimal luminance. In the RGB color model, it is composed of 1.57% red, 5.1% green, and 18.82% blue. This color is commonly associated with feelings of depth, mystery, and sophistication. In color theory, #040D30 can be effectively used as a background color to create contrast with lighter elements, although careful consideration should be given to accessibility due to its low luminance. It can also be mixed to create variations.

The hex color #040D30, also known as Midnight, presents significant accessibility challenges due to its extremely low luminance. Its dark nature results in very low contrast against white or light backgrounds, making text or graphical elements difficult to read for users with visual impairments. According to WCAG guidelines, it would fail most contrast ratio tests, especially for small text. To improve accessibility, it's crucial to pair this color with much lighter shades to ensure sufficient contrast. Avoid using it for essential information, interactive elements, or detailed graphics without careful consideration of contrast ratios. Providing alternative high-contrast themes is highly recommended for websites or applications utilizing this color.

Shades

Digital Color Formats

RGB
4 13 48
RGB4 13 48
Red
Green
Blue
HSL
227.73deg 84.62% 10.2%
227.7384.6210.2HSL
Hue
Saturation
Lightness
HWB
227.73deg 1.57% 81.18%
227.731.5781.18HWB
Hue
Whiteness
Blackness
hex#040D30
rgb4 13 48
hsl227.73deg 84.62% 10.2%
cmyk91.67% 72.92% 0% 81.18%
hwb227.73deg 1.57% 81.18%
xyz-d650.01 0.01 0.03
oklch0.1784 0.0714 266.15
oklab0.1784 0 -0.07
CMYK
91.67% 72.92% 0% 81.18%
91.6772.92081.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.03
0.010.010.03XYZ
X
Y
Z
OKLCH
0.1784 0.0714 266.15
0.17840.0714266.15LCH
Lightness
Chroma
Hue
OKLAB
0.1784 0 -0.07
0.17840-0.07LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons