Chathams Blue
General Information about #20536B
The hex color #20536B, also known as Chathams Blue, is a dark, muted shade of blue. It is composed of 12.55% red, 32.55% green, and 41.96% blue. In the RGB color model, it is represented as (32, 83, 107). This color falls within the cyan-blue hue range and has a calming and sophisticated feel. It's often associated with stability, trust, and depth. In design, Chathams Blue can be used to evoke a sense of professionalism and reliability. Its darkness means it should be paired with lighter colors to ensure readability and visual balance. The hexadecimal system provides a concise way to represent colors in digital applications, making it easy to use across various platforms and software.
The hex color #20536B, also known as Chathams Blue, presents some accessibility challenges, particularly when used for text or interactive elements. Its relatively low luminance value of 0.103 means that it requires a light foreground color to ensure sufficient contrast for readability. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using #20536B as a background with dark text would likely fail these contrast requirements, making it difficult for users with visual impairments to read the content. Therefore, it's crucial to pair this color with a very light color for text or interactive elements. Tools like contrast checkers can help ensure compliance with accessibility standards and provide a better user experience for everyone.
Shades
Digital Color Formats
Alternative colors
- #346886
A slightly lighter shade of blue that offers improved contrast with darker text, enhancing readability while maintaining a similar aesthetic.
- #486581
A more neutral, muted tone that provides a versatile backdrop for various design elements, ensuring better accessibility for users with visual impairments.
- #367199
This alternative is close to the origin color, but gives more space to breath and feels more modern.
Applications
Web Design
In web design, #20536B can serve as a sophisticated background for website headers or footers, especially for companies in the technology or finance sectors. Its depth evokes trust and stability. When used sparingly for buttons or icons, it adds a touch of elegance without overwhelming the user interface. However, it is important to consider accessibility and pair it with high-contrast text to ensure readability.
Interior Design
In interior design, Chathams Blue can be used as an accent wall color in living rooms or bedrooms, creating a calming and serene atmosphere. It pairs well with natural wood tones and light-colored furniture. The color can also be incorporated through textiles such as throw pillows, curtains, or rugs to add a pop of color to a neutral space. Its versatility allows it to complement both modern and traditional design styles.
Login Page
Chathams Blue could be used for a background of a login page to make the user feel save. It creates trust and peace and let the user focus on the login itself.