Chathams Blue
General Information
The hex color #13576A, also known as Chathams Blue, is a dark, muted shade of blue with a touch of green. It belongs to the cyan-blue color family and evokes feelings of calmness, stability, and trustworthiness. In the RGB color model, it is composed of 7.45% red, 34.12% green, and 41.57% blue. The color's low saturation and relatively low brightness give it a subdued and sophisticated appearance. Chathams Blue is often associated with professionalism and serenity. It is named after the Chathams Islands, reflecting its connection to natural oceanic hues. Its unique blend of blue and green makes it a versatile choice for designs requiring a sense of peace and reliability.
The hex color #13576A, also known as Chathams Blue, presents some accessibility challenges, especially concerning color contrast. When used as a background color, it's crucial to pair it with text that has sufficient contrast to ensure readability for individuals with visual impairments. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Therefore, lighter shades of yellow, white, or very light grays would be suitable text colors. Using color contrast checkers can help web developers ensure their designs meet these accessibility standards. Avoid using this color with dark text, as it would create low contrast and make it difficult for many users to read the content comfortably. Proper attention to color contrast enhances usability and inclusivity.
Shades
Digital Color Formats
Alternative colors
- #296473
A slightly lighter shade provides better contrast against dark text while maintaining a similar aesthetic.
- #355c7d
A more desaturated color that provides a softer look and may be easier on the eyes when used extensively.
- #1e88e5
A brighter alternative, offering better visibility and enhanced contrast, suitable for accent elements and interactive components.
Applications
Web Design
Chathams Blue can be used as a background color for website headers or footers to create a calming and professional feel. It pairs well with neutral colors like white or light gray for the main content area. In user interfaces, it's suitable for buttons or active states, but ensure the text on top has sufficient contrast. Its calming nature makes it a good option for websites related to health, wellness, or finance where trustworthiness and stability are important. However, avoid using it excessively, as too much dark blue can become visually heavy.
Fashion Design
This color can be incorporated into clothing designs for a sophisticated and elegant look. It can be used for dresses, suits, or blouses. When combined with complementary colors like coral or mustard yellow, it can create a visually appealing and balanced outfit. As an accent color, it can be used for accessories like scarves or handbags. Chathams Blue is suitable for both casual and formal wear, lending a touch of class and serenity to any ensemble. It's also a versatile color that works well with various skin tones.
Interior Design
Chathams Blue can be used as an accent color in interior design to create a calming and sophisticated ambiance. It works well in bedrooms, bathrooms, or home offices. This color can be used on walls, furniture, or decorative elements such as pillows and curtains. It pairs well with natural materials like wood and stone, creating a sense of harmony and balance. The calming properties of this hue make it suitable for spaces meant for relaxation and focus. Consider using it sparingly to prevent the space from feeling too dark or overwhelming.