Midnight
General Information
The hexadecimal color code #011133, often referred to as Midnight, represents a very dark shade of blue, almost appearing black. It is composed of 0.39% red, 6.67% green, and 20% blue. In the RGB (Red, Green, Blue) color model, it has values of R:1, G:17, B:51. In the CMYK (Cyan, Magenta, Yellow, Key/Black) color model, it is composed of 98% cyan, 67% magenta, 0% yellow and 80% black. This color is often associated with feelings of calmness, depth, and sophistication. It is commonly used in designs where a sense of elegance and mystery is desired. Due to its darkness, it is essential to use it carefully, especially in contexts where readability is important. It is used to mimic the night sky.
The hex color #011133, also known as Midnight, presents significant accessibility challenges due to its very low luminance. When used as a foreground color, it requires an extremely light background to meet WCAG (Web Content Accessibility Guidelines) standards for contrast. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. This color is far from achieving these ratios with most common background colors, making it unsuitable for body text or essential interface elements. Designers should avoid using this color for text or interactive components unless paired with a very light color to ensure readability for users with visual impairments. When used for decorative purposes, such as backgrounds or borders, the impact on accessibility is less critical, but should still be considered. Always test color combinations with accessibility tools to verify compliance.
Shades
Digital Color Formats
Alternative colors
- #0a2244
A slightly lighter shade of blue that offers better contrast while maintaining a similar deep, cool tone.
- #0a0a0a
A darker shade of gray which may have more contrast when paired with lighter elements.
- #101e40
A dark blue with a slight hint of purple, offering a richer tone with marginally improved visibility.
Applications
Web Design
In web design, #011133 can be effectively used for website headers or footers to create a sense of sophistication and depth. When combined with lighter text and interactive elements, it can add a touch of elegance and professionalism. It can also serve as a background for graphical elements such as icons or illustrations, providing a subtle backdrop that allows the content to stand out without overwhelming the user. Additionally, it is great for loading screens.
Interior Design
In interior design, Midnight can create a cozy and elegant atmosphere. As a wall color, it can make a large space feel more intimate and create a dramatic effect. It pairs well with metallic accents and natural wood tones, creating a balance between modern and traditional styles. The color is suitable for upholstery and decorative pillows, adding a touch of luxury to any room. It's also a great color choice for bedrooms.
Beauty
In the beauty industry, #011133 can be incorporated into eye shadows, eyeliners, or nail polishes to create a dramatic and sophisticated look. It's a popular choice for evening makeup and can be used to create a smoky eye effect or a bold eyeliner statement. In nail art, it can serve as a base color for intricate designs or be paired with metallic shades for a glamorous look. It also makes a lovely lip color.