Midnight

#030B2E

General Information about #030B2E

The hex color #030B2E, often referred to as Midnight, is a very dark shade of blue. In the RGB color model, it consists of 1.18% red, 4.31% green, and 18.04% blue. This composition places it within the blue hue spectrum, though its low saturation and high darkness give it a muted, almost black appearance. The color is often associated with sophistication, depth, and tranquility. In web design and graphic arts, #030B2E can be used to create a sense of elegance and mystery. However, due to its darkness, it is crucial to pair it with lighter colors to ensure readability and accessibility. Its usage should be carefully considered to avoid contrast issues, especially for text and interactive elements.

The hex color #030B2E, also known as Midnight, presents significant accessibility challenges due to its low luminance. Its dark nature results in very low contrast against typical light backgrounds, such as white (#FFFFFF). According to WCAG guidelines, sufficient contrast is essential for readability and usability, especially for users with visual impairments. To ensure accessibility, it is imperative to use #030B2E with very light text or interface elements. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Tools like contrast checkers can help verify compliance. In situations where high contrast is difficult to achieve, consider using alternative, lighter shades or incorporating visual cues like icons and labels to enhance usability.

Shades

Digital Color Formats

RGB
3 11 46
RGB3 11 46
Red
Green
Blue
HSL
228.84 87.76% 9.61%
228.8487.769.61HSL
Hue
Saturation
Lightness
HWB
228.84 1.18% 81.96%
228.841.1881.96HWB
Hue
Whiteness
Blackness
hex#030B2E
rgb3 11 46
hsl228.84 87.76% 9.61%
cmyk93.48% 76.09% 0% 81.96%
hwb228.84 1.18% 81.96%
xyz0.65 0.46 2.64
CMYK
93.48% 76.09% 0% 81.96%
93.4876.09081.96CMYK
Cyan
Magenta
Yellow
Key
XYZ
0.65 0.46 2.64
0.650.462.64XYZ
X
Y
Z

Alternative colors

Applications

Complementary color

Buttons

HexColo.rs © 2025