Midnight

#031A2E

General Information about #031A2E

The hexadecimal color code #031A2E represents a dark shade of blue, often referred to as 'Midnight'. It is composed of 1.18% red, 10.2% green, and 18.04% blue. In the RGB color model, it is defined by the values (3, 26, 46). The HSL representation is 208 degrees of hue, 88.9% saturation, and 9.6% lightness. This color is mostly used in graphic design and web development to give a dark and professional feel, but should be used with caution in areas with large texts. The color is a dark, slightly desaturated cyan.

The color #031A2E, a deep midnight hue, presents some accessibility challenges. Due to its low luminance, it necessitates careful consideration when used as a background or text color. Insufficient contrast against a lighter text color can render content illegible for users with visual impairments, including those with low vision or color blindness. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #031A2E, ensure that the foreground color is significantly lighter to meet these contrast requirements. Tools like contrast checkers can help evaluate the contrast ratio. Also consider that users with cognitive disabilities may also be affected by low contrast, so sufficient contrast is important for usability.

Shades

Digital Color Formats

RGB
3 26 46
RGB3 26 46
Red
Green
Blue
HSL
207.91deg 87.76% 9.61%
207.9187.769.61HSL
Hue
Saturation
Lightness
HWB
207.91deg 1.18% 81.96%
207.911.1881.96HWB
Hue
Whiteness
Blackness
hex#031A2E
rgb3 26 46
hsl207.91deg 87.76% 9.61%
cmyk93.48% 43.48% 0% 81.96%
hwb207.91deg 1.18% 81.96%
xyz-d650.01 0.01 0.03
oklch0.2116 0.0496 247.25
oklab0.2116 -0.02 -0.05
CMYK
93.48% 43.48% 0% 81.96%
93.4843.48081.96CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.03
0.010.010.03XYZ
X
Y
Z
OKLCH
0.2116 0.0496 247.25
0.21160.0496247.25LCH
Lightness
Chroma
Hue
OKLAB
0.2116 -0.02 -0.05
0.2116-0.02-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons