Chathams Blue

General Information about Chathams Blue

Chathams Blue, identified by the hexadecimal color code #20507B, is a dark shade of cyan-blue. It evokes feelings of calmness, trustworthiness, and professionalism. In the RGB color model, it consists of 12.55% red, 31.37% green, and 48.24% blue. Its CMYK values are 74.07% cyan, 35.42% magenta, 0% yellow, and 51.76% black. This color is often associated with stability and reliability, making it a popular choice for corporate branding and website designs. Its versatility allows it to be used in various contexts, from creating a serene atmosphere in interior design to conveying authority in professional attire. The color's depth and richness make it visually appealing and memorable.

The hex color #20507B, also known as Chathams Blue, presents some accessibility considerations for web development. With its relatively dark hue, it's crucial to ensure sufficient contrast when used as text against a background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text to meet Level AA compliance. When using #20507B for text, lighter background colors like whites, light yellows, or light grays are advisable to achieve acceptable contrast. Conversely, if #20507B is used as a background, text should be light. Tools like contrast checkers can help verify compliance. Also, always consider users with visual impairments who might rely on screen readers. Provide alternative text descriptions for images and ensure that interactive elements have discernible focus indicators to improve the overall user experience.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, Chathams Blue (#20507B) can be effectively used for headers, navigation bars, and call-to-action buttons. Its professional and calming nature makes it suitable for websites in the corporate, education, or healthcare sectors. To enhance user experience, pair it with lighter shades for text and backgrounds to ensure readability. For instance, a website for a financial institution could use #20507B for its primary branding color, complemented by white or light gray for content areas. Furthermore, consider using it in conjunction with accessible design principles to accommodate users with visual impairments, such as providing sufficient color contrast and alternative text descriptions for images.

• Interior Design

  In interior design, Chathams Blue can bring a sense of tranquility and sophistication to a space. It works well in bedrooms, living rooms, or home offices. It can be used as an accent wall color, or for furniture such as sofas and chairs. Pair it with neutral colors like beige, gray, or white to create a balanced and harmonious environment. Consider using it with natural materials like wood and stone to enhance its calming effect. Metallic accents, like gold or silver, can add a touch of elegance. Use it in combination with plants to create a vibrant and relaxing space.

• Fashion

  Chathams Blue is a sophisticated and versatile color choice for fashion. Its calming and professional nature allows it to seamlessly integrate into both formal and casual wear. For professional settings, it can be used in suits, blazers, or dresses, conveying a sense of trustworthiness and competence. When used in casual wear, it can be applied to sweaters, jeans, or t-shirts, offering a relaxed yet stylish look. To complement Chathams Blue, consider pairing it with neutral tones like white, gray, or beige. Accessorizing with metallic elements, such as silver or gold jewelry, can add a touch of elegance. It also harmonizes well with earthy tones like brown or olive green, creating a grounded and balanced aesthetic.

Complementary color

Buttons