Dark Blue
General Information about #120DD9
The hexadecimal color #120DD9, often referred to as dark blue, is a deep and intense shade within the blue color spectrum. It is composed of 7.1% red, 5.5% green, and 85.1% blue. In the RGB color model, it has values of R:18, G:13, B:217. In the CMYK color model, its components are C:92%, M:94%, Y:0%, K:15%. This means that to create this color in print, you would need a high concentration of cyan and magenta, with very little yellow. The color evokes feelings of trust, loyalty, and authority, making it a popular choice for corporate branding and designs where a sense of stability is desired. Its high blue component gives it a cool and calming effect. It is also used to represent night, depth, and the ocean.
The color #120DD9, a deep dark blue, presents several accessibility considerations for web design. Its low luminance can cause issues with text legibility if not paired with a sufficiently contrasting background. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text to meet AA compliance. Using this dark blue for text on a white background may not meet these standards, potentially hindering readability for users with visual impairments. Therefore, it's crucial to select a light color, like white or a very pale yellow, as the foreground when using #120DD9 as the background. Also, avoid using this color for small, intricate details or elements that rely on fine distinctions, as its darkness can obscure them. Providing alternative visual cues, like icons or labels, alongside the color can further enhance accessibility and ensure a better user experience for everyone, including those with color vision deficiencies.
Shades
Digital Color Formats
Alternative colors
Applications
Website Headers and Footers
This shade of dark blue (#120DD9) can be utilized in website headers and footers to create a sense of depth and sophistication. It serves as a strong background color, particularly effective when paired with light-colored text or interactive elements. Consider using it in conjunction with a clean, minimalist design to prevent the overall aesthetic from becoming too heavy or overwhelming. Employing this color sparingly, such as for key call-to-action buttons or navigational cues, can also help guide users and draw their attention to important elements on the page, enhancing the overall user experience.
Data Visualization
In data visualization, dark blue can be used to represent the deepest or highest values in charts and graphs, providing a clear visual hierarchy. This color is particularly effective for heatmaps or choropleth maps where intensity needs to be conveyed. It can also be used in combination with lighter shades of blue to create a visually appealing and informative representation of the data. Be mindful of colorblind users and ensure that the color scheme is accessible, potentially by including patterns or labels to supplement the color-coded information.
Mobile App UI
Dark blue shades like #120DD9 can be incorporated into mobile app user interfaces to establish a professional and trustworthy feel. It is well-suited for backgrounds in banking or finance applications. Use it for navigational bars or status indicators. In combination with lighter accent colors, it will improve the visual clarity and give a better UX. To keep the design modern and usable, ensure that the contrast between the dark blue elements and text or icons meets accessibility standards.