Blue Whale

General Information about #0B2F51

The hex color #0B2F51, commonly referred to as 'Blue Whale,' is a deep, muted shade of blue with strong undertones of navy. In the RGB color model, it consists of 4.31% red, 18.43% green, and 31.76% blue. Its CMYK values are 66% cyan, 42% magenta, 0% yellow, and 68% black. This color often evokes feelings of calmness, stability, and sophistication. It is widely used in various design applications to convey a sense of trust and professionalism. Its hexadecimal triplet is 0B2F51, making it easy to specify in HTML and CSS for web design projects. The color’s low saturation and relatively dark value make it a versatile choice for backgrounds and accents.

The hex color #0B2F51, also known as Blue Whale, presents some accessibility challenges, primarily due to its low lightness value. When used as a background color, it requires very light text to ensure sufficient contrast for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Using a color contrast checker is crucial to verify that the chosen text color meets these standards. Failure to provide adequate contrast can significantly hinder the experience for users with visual impairments, including those with low vision or color blindness. It's also important to consider users browsing in bright environments where screen glare can further reduce perceived contrast. Therefore, careful selection of foreground text color and thorough testing are essential for ensuring accessibility.

Shades

Digital Color Formats

Alternative colors

Applications

• Website Background Color

  In web design, #0B2F51 is often employed for creating a sophisticated and professional atmosphere. It can serve as a primary background color for headers and footers, lending a sense of depth and stability to the overall layout. Because of its calming nature, it is very suitable for sites dealing with finance, healthcare, or legal services. However, care should be taken to ensure sufficient contrast with text and other elements to maintain accessibility. Complementary colors such as light grays or yellows can be used to create visually appealing and balanced designs.

• Interior Design Accent

  In interior design, #0B2F51 can be used to create a tranquil and elegant space. It works well in bedrooms or living rooms, especially when paired with lighter, warmer tones to prevent the space from feeling too cold or somber. Consider using this color for accent walls or upholstery. To enhance the color, metallic accessories, such as gold or brass, can add a touch of luxury and sophistication.

• Fashion Apparel

  In fashion, #0B2F51 evokes a sense of sophistication and classic style. It can be used for garments such as dresses, suits, or outerwear. When styling with this color, consider pairing it with neutral tones such as beige, cream, or gray for a balanced look. Accessories in metallic shades or jewel tones can add a pop of color and visual interest. This color works well in both casual and formal outfits, exuding confidence and understated elegance.

Complementary color

Buttons