Blue Whale
General Information about #0B2E4D
The hexadecimal color code #0B2E4D represents a dark shade of blue, often described as a deep, muted, or navy blue. In the RGB color model, it consists of 11/255 red (4.31%), 46/255 green (18.04%), and 77/255 blue (30.2%). This color is commonly associated with qualities like trust, stability, and professionalism. It's often used in corporate branding, web design, and interior design to convey a sense of reliability and sophistication. The color is mostly made up of blue, which makes it a rather dark color.
The color #0B2E4D, a deep, muted blue, presents some accessibility challenges, particularly concerning color contrast. When used as text, it requires careful pairing with lighter background colors to ensure sufficient contrast for readability, especially for users with visual impairments. 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). When used for interactive elements, such as buttons or links, sufficient contrast must be provided for both text and non-text elements (e.g., borders or backgrounds) to meet WCAG (Web Content Accessibility Guidelines) success criteria. Tools like WebAIM's contrast checker can be used to test color combinations. To improve accessibility, consider using #0B2E4D sparingly for text and pairing it with colors like white, light yellow, or light cyan. Avoid using it for critical information without adequate contrast.
Shades
Digital Color Formats
Alternative colors
- #29648a
A slightly lighter shade of blue offers better readability and contrast, while still maintaining a similar aesthetic appeal.
- #546e7a
A desaturated gray-blue provides a more neutral and accessible alternative, suitable for backgrounds or text.
- #30d5c8
A vibrant turquoise can be used as an accent color to complement the darker blue, adding visual interest while maintaining accessibility when used carefully.
Applications
Web Design
In web design, #0B2E4D can be used for website headers or navigation bars to create a professional and trustworthy feel. However, ensure sufficient contrast for text and interactive elements. It is important to use a very light color for the text to achieve an optimal contrast ratio. This is particular important for links, buttons and other interactive elements.
Interior Design
In interior design, this color can be used as an accent wall color in a home office or bedroom. Pair it with lighter neutral colors like beige or gray for a balanced and calming environment. It can be applied to create a relaxing atmosphere. This color is also a great addition to furniture, such as sofas and chairs.
Fashion
In fashion, this deep blue can be used for elegant dresses or sophisticated suits. It pairs well with metallic accessories like silver or gold for a luxurious look. It provides a classical and formal look. This color can also be combined with various other color to achieve a more modern and playful look.