Blue Dianne

General Information

The hexadecimal color code #20465E, also known as Blue Dianne, is a dark, subdued shade of cyan-blue. It is composed of 12.55% red, 27.45% green, and 36.86% blue. In the RGB color space, it has the numerical values (32, 70, 94), representing the intensity of each primary color component. In the CMYK color space, which is used for printing, it is composed of 66% cyan, 26% magenta, 0% yellow, and 63% black. This indicates that the color is produced by a high amount of cyan ink and a moderate amount of magenta ink. Blue Dianne is often associated with feelings of calmness, stability, and trustworthiness. It is frequently used in corporate branding and design to convey a sense of professionalism and reliability. Its muted tone makes it a versatile choice for backgrounds and accents.

The color #20465E, also known as Blue Dianne, presents some accessibility challenges, especially when used for text or interactive elements. With a relatively low contrast ratio against a white background, users with visual impairments might find it difficult to read text rendered in this color. To ensure accessibility, it's crucial to use a lighter color for the background or text, significantly improving the contrast. Consider using online contrast checkers to verify that the contrast ratio meets WCAG (Web Content Accessibility Guidelines) standards. The minimum contrast ratio for normal text is 4.5:1, and for large text, it is 3:1. When using #20465E for non-text elements like icons or graphical elements, ensure they are large enough to be easily discernible or have sufficient contrast with the surrounding colors. Providing alternative styling options or allowing users to customize the color scheme can further enhance accessibility.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Development

  Blue Dianne, #20465E, can be incorporated into a website's color scheme to establish a sense of tranquility and professionalism. As a primary color, it would work well for headers, navigation bars, and other prominent elements. However, careful consideration must be given to the contrast ratio against the text color. As a secondary color, it can be used for accents, buttons, and subtle graphical elements to add depth and visual interest without overwhelming the user. It’s important to ensure sufficient contrast for readability, especially for interactive elements, by using lighter text or a contrasting background. Use online contrast checkers to ensure compliance with accessibility standards.

• Interior Design

  In interior design, #20465E can be used as an accent color for walls, furniture, or decorative elements to create a calming and sophisticated atmosphere. It pairs well with neutral tones like white, gray, or beige, as well as natural materials such as wood and stone. The color can be used in bedrooms or living rooms to create a relaxing ambiance, or in offices to promote focus and productivity. It is important to consider the lighting in the room, as the color may appear darker in poorly lit spaces. Pairing it with lighter colors and strategic lighting can help to enhance the space.

• Fashion

  In fashion, #20465E can be used for clothing, accessories, or footwear to add a touch of elegance and sophistication. It works well as a standalone color or can be paired with complementary colors such as coral or mustard yellow for a more vibrant look. The color can be used for both formal and casual wear, depending on the fabric and style. It is often used for outerwear, such as coats and jackets, or for accessories such as scarves and handbags. When combined with the right textures and patterns, #20465E can create a stylish and timeless look.

Complementary color

Buttons