Midnight Blue

#003667

General Information about Midnight Blue

The hex color #003667, commonly referred to as Midnight Blue, is a dark shade of blue that evokes feelings of calmness, sophistication, and depth. In the RGB color model, it is composed of 0% red, 21.2% green, and 40.4% blue. Its hexadecimal representation makes it a standard choice in web design and digital media for specifying color values. Midnight Blue is often associated with professionalism and authority, making it suitable for corporate branding and serious or formal designs. Its versatility allows it to be used both as a primary color or as an accent to create contrast and visual interest. When working with this color, it is crucial to consider its effect on readability and accessibility, particularly when used for text or interactive elements.

The color #003667, also known as Midnight Blue, presents some accessibility challenges, especially concerning color contrast. When using this color for text or interactive elements, it's crucial to ensure sufficient contrast against the background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is required for normal text and 3:1 for large text to meet Level AA compliance. Considering this dark hue, lighter colors like white, yellow, or bright pastels are recommended for foreground elements. Testing the color combination with accessibility tools is advisable to avoid inadvertently creating barriers for users with visual impairments. A lighter tint of blue or analogous colors can serve as alternatives to enhance overall usability.

Shades

Digital Color Formats

RGB
0 54 103
RGB0 54 103
Red
Green
Blue
HSL
208.54deg 100% 20.2%
208.5410020.2HSL
Hue
Saturation
Lightness
HWB
208.54deg 0% 59.61%
208.54059.61HWB
Hue
Whiteness
Blackness
hex#003667
rgb0 54 103
hsl208.54deg 100% 20.2%
cmyk100% 47.57% 0% 59.61%
hwb208.54deg 0% 59.61%
xyz-d650.04 0.04 0.13
oklch0.3318 0.1001 252.3
oklab0.3318 -0.03 -0.1
CMYK
100% 47.57% 0% 59.61%
10047.57059.61CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.13
0.040.040.13XYZ
X
Y
Z
OKLCH
0.3318 0.1001 252.3
0.33180.1001252.3LCH
Lightness
Chroma
Hue
OKLAB
0.3318 -0.03 -0.1
0.3318-0.03-0.1LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons