Midnight Blue

#003869

About Midnight Blue (#003869)

Midnight Blue, represented by the hexadecimal color code #003869, is a deep, dark shade of blue that evokes feelings of sophistication, tranquility, and depth. It belongs to the blue color family and is often associated with the night sky or the deep ocean. In the RGB color model, it consists of 0% red, 21.96% green, and 41.18% blue. The CMYK color model representation is 100% cyan, 46.7% magenta, 0% yellow, and 58.8% black. This color is widely used in various applications, including web design, graphic design, fashion, and interior design. Its versatility allows it to be both a primary color and an accent color, depending on the desired effect. Midnight Blue is known for its calming and sophisticated qualities, making it a popular choice for creating a sense of professionalism and trustworthiness. It’s important to note that the perceived appearance of Midnight Blue can vary depending on the lighting conditions and the surrounding colors. As a dark color, it provides a strong contrast against lighter colors, making it ideal for text and other visual elements that need to stand out.

The hex color #003869, also known as Midnight Blue, presents some accessibility challenges. Its dark nature means it requires careful consideration when used as a background or text color. According to WCAG guidelines, sufficient contrast is essential for readability, especially for users with visual impairments. When using #003869 for text, it is imperative to pair it with a light color such as white (#FFFFFF) or a pale yellow to ensure adequate contrast. Using a color contrast checker is highly recommended to verify compliance with accessibility standards. The contrast ratio should ideally be 4.5:1 for normal text and 3:1 for large text (14pt bold or 18pt regular). Moreover, avoid using #003869 for interactive elements without clear visual cues, as users need to easily identify clickable or tappable areas. It is also important to consider the context in which the color is used; ensure that the overall design provides sufficient cues and affordances to promote usability for all users, including those with disabilities. Meaning should not be conveyed by color alone; use text labels or other indicators.

Shades

Digital Color Formats

RGB
0 56 105
RGB0 56 105
Red
Green
Blue
HSL
208deg 100% 20.59%
20810020.59HSL
Hue
Saturation
Lightness
HWB
208deg 0% 58.82%
208058.82HWB
Hue
Whiteness
Blackness
hex#003869
rgb0 56 105
hsl208deg 100% 20.59%
cmyk100% 46.67% 0% 58.82%
hwb208deg 0% 58.82%
xyz-d650.04 0.04 0.14
oklch0.3384 0.1004 251.72
oklab0.3384 -0.03 -0.1
CMYK
100% 46.67% 0% 58.82%
10046.67058.82CMYK
Cyan
Magenta
Yellow
Key
XYZ-d65
0.04 0.04 0.14
0.040.040.14XYZ
X
Y
Z
OKLCH
0.3384 0.1004 251.72
0.33840.1004251.72LCH
Lightness
Chroma
Hue
OKLAB
0.3384 -0.03 -0.1
0.3384-0.03-0.1LAB
Lightness
Green-Red
Blue-Yellow

Alternative colors

Applications

Complementary color

Buttons