Chathams Blue

General Information about Chathams Blue

Chathams Blue, represented by the hexadecimal color code #215077, is a dark, desaturated blue hue. It evokes feelings of calmness, trustworthiness, and sophistication. In the RGB color model, it consists of 13.1% red, 31.4% green, and 46.7% blue. The CMYK color model representation is 72% cyan, 33% magenta, 0% yellow, and 53% black. This color is often associated with corporate branding, finance, and technology industries due to its professional and reliable appearance. It is named after the Chatham Islands, hinting at its connection to the ocean and nature. Its relatively low luminance requires careful consideration when used in design to ensure adequate contrast and readability, especially when paired with text.

The color #215077, also known as Chathams Blue, presents some accessibility challenges, particularly when used as a background or text color. Its relatively low luminance (darkness) requires careful consideration of contrast ratios to ensure readability and usability for individuals with visual impairments. According to WCAG guidelines, sufficient contrast between foreground and background colors is crucial. For text, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #215077, it is essential to pair it with a light color to achieve these ratios. Avoid using it with other dark colors, as this can make content illegible for many users, including those with low vision or color blindness. Tools like contrast checkers can help verify compliance with accessibility standards. Furthermore, consider providing alternative visual cues, such as icons or text decorations, in addition to color to convey information. Proper implementation ensures a more inclusive and accessible design for all users.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, Chathams Blue can serve as a sophisticated background color for website headers or footers, providing a sense of professionalism and trust. It can also be used for navigation menus, buttons, and other interactive elements, especially when paired with lighter text to ensure readability. Its calming and serious tone makes it suitable for websites related to finance, technology, or corporate services. However, care should be taken to maintain sufficient contrast ratios to meet accessibility standards and ensure a positive user experience. In UI design, this color can be used in information panels, and can be accented with a lighter tint of blue.

• Interior Design

  In interior design, Chathams Blue can be used to create a serene and calming atmosphere in bedrooms, living rooms, or home offices. It pairs well with natural materials like wood and stone, as well as lighter neutral colors such as beige or cream. It can be used as an accent wall color, or for furniture upholstery or decorative accessories like pillows and curtains. Its calming effect makes it ideal for spaces where relaxation and focus are desired. It is also useful in office spaces where concentration is needed.

• Fashion

  In fashion, Chathams Blue can be used as a versatile color for clothing, accessories, and footwear. It works well for both casual and formal wear, and can be paired with a variety of colors, from neutrals like white and gray to bolder hues like red or yellow. It can be used for dresses, suits, shirts, or outerwear, as well as for accessories like handbags, scarves, and hats. Its elegant and sophisticated tone makes it suitable for a wide range of styles and occasions. It can also be matched with gold accessories for a luxurious look.

Complementary color

Buttons