Blue Whale
General Information
#0A284D, commonly referred to as Blue Whale, is a deep, saturated blue color that conveys a sense of calmness, depth, and sophistication. It belongs to the blue color family and is often associated with stability, trust, and intelligence. In the RGB color model, it consists of 3.92% red, 15.69% green, and 30.2% blue. Its hexadecimal representation is #0A284D. This color is frequently used in branding and design to evoke a sense of reliability and professionalism. Due to its dark nature, it's often paired with lighter colors to create contrast and visual interest. It's a versatile color that can be applied in various contexts, from corporate websites to interior design projects, offering a touch of elegance and sophistication. The sRGB value is (10, 40, 77).
The color #0A284D, also known as Blue Whale, presents some accessibility challenges, especially when used as a background color for text. Due to its dark nature, it requires very light text (white or near-white) to provide sufficient contrast for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text. When pairing #0A284D with text, it's crucial to test the contrast ratio using accessibility tools to ensure compliance. Avoid using this color for interactive elements or important information without careful consideration of contrast. Providing sufficient contrast enhances usability for users with visual impairments, making content more accessible to a wider audience. Using a lighter tint or shade of blue might improve contrast depending on the application.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of blue that offers better contrast when used as a background with white text.
A darker navy blue that can provide a sophisticated and elegant feel.
For improved accessibility consider a lighter shade of blue. This hex code ensures better readability, making it more accessible for a wider range of users, especially those with visual impairments.
Applications
Web Design
In web design, #0A284D can be used as a primary color for a website's header or footer, providing a sophisticated and professional look. It can also be utilized as a background for call-to-action buttons, paired with contrasting text to draw the user's attention. The deep blue hue evokes trust and stability, making it suitable for businesses in the finance or technology sectors. Careful attention should be paid to text contrast to ensure readability and accessibility. For example, pairing it with a light yellow or white text can be very effective. It can also be used for sidebars and navigational elements.
Interior Design
In interior design, #0A284D can be incorporated as an accent wall color in a living room or bedroom, creating a calming and serene atmosphere. It can also be used for upholstery on furniture or as a color for decorative pillows. The deep blue complements natural wood tones and metallic accents, such as gold or silver. When used in larger areas, it's important to balance the darkness of the color with lighter elements to prevent the room from feeling too closed in. For example, pairing it with light-colored furniture and textiles can create a harmonious and inviting space. It can create a focal point and enhance the overall aesthetic.
Fashion
In fashion, #0A284D can be an elegant choice for evening wear or professional attire. A deep blue dress or suit conveys sophistication and confidence. It pairs well with neutral colors like gray, black, and white, as well as metallic accessories. The color is versatile and can be styled for both formal and casual occasions. It can also be used as an accent color in accessories like scarves or handbags, adding a touch of elegance to any outfit. It works beautifully in textures like velvet or silk to add a touch of luxury. It also suits outerwear such as coats or jackets.