Midnight

#041B30

General Information about #041B30

The hexadecimal color #041B30, commonly known as Midnight, is a deep, dark shade of blue that evokes feelings of calm, sophistication, and mystery. It's composed of 1.57% red, 10.59% green, and 18.82% blue. In the RGB color space, it translates to (4, 27, 48). This color is often associated with the night sky and the quiet stillness of midnight, making it a popular choice for designs aiming to convey a sense of tranquility or depth. In color theory, Midnight can be used to create contrast with lighter colors or to establish a dark and moody atmosphere. Its subtle undertones make it a versatile option for various applications.

The hex color #041B30, often referred to as Midnight, presents unique accessibility considerations for web developers. Due to its very dark nature, using it as a primary text color on a white or light background would create insufficient contrast, violating WCAG guidelines. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Therefore, it's crucial to pair this color with very light shades for text to ensure readability for users, including those with visual impairments. Alternatively, consider using #041B30 for decorative elements or backgrounds, ensuring that any interactive elements on top have sufficient contrast. Thoughtful color choices are paramount for inclusive design.

Shades

Digital Color Formats

RGB
4 27 48
RGB4 27 48
Red
Green
Blue
HSL
208.64deg 84.62% 10.2%
208.6484.6210.2HSL
Hue
Saturation
Lightness
HWB
208.64deg 1.57% 81.18%
208.641.5781.18HWB
Hue
Whiteness
Blackness
hex#041B30
rgb4 27 48
hsl208.64deg 84.62% 10.2%
cmyk91.67% 43.75% 0% 81.18%
hwb208.64deg 1.57% 81.18%
xyz-d650.01 0.01 0.03
oklch0.2167 0.0508 248.65
oklab0.2167 -0.02 -0.05
CMYK
91.67% 43.75% 0% 81.18%
91.6743.75081.18CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.03
0.010.010.03XYZ
X
Y
Z
OKLCH
0.2167 0.0508 248.65
0.21670.0508248.65LCH
Lightness
Chroma
Hue
OKLAB
0.2167 -0.02 -0.05
0.2167-0.02-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons