Blue Dianne

General Information

The hex color #22455C, also known as Blue Dianne, is a dark, muted shade of blue. It belongs to the broader family of blue colors but has a more subdued and sophisticated character due to its lower saturation and higher darkness. In the RGB color model, #22455C is composed of 13.33% red, 27.06% green, and 36.08% blue. This combination results in a color that leans towards the cooler side of the spectrum. Blue Dianne is often associated with feelings of calmness, stability, and trustworthiness. In color psychology, dark blues are known to evoke a sense of security and professionalism, making them a popular choice for corporate branding and designs that aim to convey reliability. This color can be effectively used in various design applications to create a refined and understated aesthetic.

The hex color #22455C, also known as Blue Dianne, presents some accessibility challenges, especially when used as a foreground color on a white or light background. Its relatively low luminance value of approximately 0.11 indicates that it lacks sufficient contrast to meet WCAG (Web Content Accessibility Guidelines) standards for normal text (AA compliance requires a contrast ratio of 4.5:1). To ensure accessibility, it's crucial to pair #22455C with lighter colors that provide adequate contrast. For instance, using a light yellow or white text on a #22455C background would improve readability for users with visual impairments. Moreover, avoid using this color for critical interactive elements like buttons or links without careful consideration of contrast. Employing tools to measure contrast ratios is highly recommended during the design process to verify compliance with accessibility standards and ensure an inclusive user experience.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, #22455C can be used for website headers, navigation bars, or as an accent color to create a sophisticated and calming atmosphere. It pairs well with neutral colors like white, gray, and beige. Furthermore, consider using it in data visualizations to represent a specific category or segment. For instance, it can be applied to charts, graphs, and infographics to highlight important data points. Due to the color's dark nature, using it as the background color for large blocks of text is discouraged to maintain readability and avoid eye strain.

• Interior Design

  In interior design, Blue Dianne can be utilized to create a serene and inviting space. It is a good choice for painting walls in bedrooms or studies, providing a calming and focused ambiance. The color can also be incorporated through furniture, such as sofas, chairs, or cabinets. Additionally, it can be used in textiles like curtains, rugs, or cushions. For a balanced aesthetic, pair #22455C with lighter shades of blue, gray, or white. Accents of warm colors such as gold or yellow can provide a touch of vibrancy and contrast.

• Fashion

  In fashion, #22455C can be employed for creating elegant and understated clothing designs. Consider using it for dresses, suits, or outerwear to evoke a sense of sophistication and class. The color works well for both casual and formal attire. To complement #22455C, consider pairing it with neutral colors like black, white, or beige. Accessories such as scarves, belts, or shoes in contrasting colors like burgundy or mustard yellow can add a pop of visual interest and create a stylish ensemble. The color is suitable for a variety of skin tones and body types.

Complementary color

Buttons