Midnight

#031C31

General Information about #031C31

The hex color code #031C31 represents a very dark shade of blue, often referred to as Midnight. It is composed of 1.18% red, 10.98% green, and 19.22% blue. In the RGB color space, it has values of R:3, G:28, B:49. In the CMYK color space, its approximate values are C:0.94, M:0.43, Y:0.00, K:0.81. This color is commonly associated with sophistication, depth, and tranquility. The low brightness value (approximately 2.0) means it is perceived as a very dark color. Due to the low luminance it is important to choose appropriate background and foreground colors for readability.

The hex color #031C31, also known as Midnight, presents significant accessibility challenges due to its low luminance. With such a dark shade, it is imperative to use contrasting text colors, ideally white or very light shades of yellow or cyan, to ensure readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text (14pt bold or 18pt regular) to meet WCAG AA standards. When used as a background, avoid placing critical information that relies solely on color for distinction. Providing alternative visual cues, like icons or text labels, is essential for users with color vision deficiencies. Consider using a contrast checker tool to validate the accessibility of your color pairings.

Shades

Digital Color Formats

RGB
3 28 49
RGB3 28 49
Red
Green
Blue
HSL
207.39deg 88.46% 10.2%
207.3988.4610.2HSL
Hue
Saturation
Lightness
HWB
207.39deg 1.18% 80.78%
207.391.1880.78HWB
Hue
Whiteness
Blackness
hex#031C31
rgb3 28 49
hsl207.39deg 88.46% 10.2%
cmyk93.88% 42.86% 0% 80.78%
hwb207.39deg 1.18% 80.78%
xyz-d650.01 0.01 0.03
oklch0.2199 0.0518 246.89
oklab0.2199 -0.02 -0.05
CMYK
93.88% 42.86% 0% 80.78%
93.8842.86080.78CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.01 0.01 0.03
0.010.010.03XYZ
X
Y
Z
OKLCH
0.2199 0.0518 246.89
0.21990.0518246.89LCH
Lightness
Chroma
Hue
OKLAB
0.2199 -0.02 -0.05
0.2199-0.02-0.05LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons