Chathams Blue
General Information about Chathams Blue
The hex color #20487B, also known as Chathams Blue, is a deep, muted shade of blue often associated with calmness, stability, and professionalism. In the RGB color model, it consists of 12.55% red, 28.24% green, and 48.24% blue. The CMYK values are 74% cyan, 41% magenta, 0% yellow, and 52% black. This color is frequently used in corporate branding, web design, and interior decor to convey a sense of trust and reliability. The name 'Chathams Blue' likely originates from its resemblance to the color of the sea around the Chatham Islands. It’s a versatile color that can be used in both modern and traditional designs, bringing a touch of understated elegance.
The hex color #20487B, also known as Chathams Blue, presents moderate accessibility challenges. Its relatively low luminance value (approximately 0.14) means it requires careful consideration for contrast. When used as text on a white background, it fails WCAG AA and AAA standards for normal text sizes. To ensure accessibility, a lighter background color should be chosen or the text should be displayed in a larger font size to meet contrast ratio requirements. Conversely, when using #20487B as a background, the text should be white or a very light color to ensure sufficient contrast for readability. Providing alternative text and visual cues, like icons, can further enhance accessibility for users with visual impairments. Employing accessibility evaluation tools during the design process is crucial to identify and address potential contrast issues early on, leading to a more inclusive and user-friendly experience.
Shades
Digital Color Formats
Alternative colors
- #336699
A slightly lighter shade of blue that offers better contrast on white backgrounds while maintaining a similar aesthetic.
- #103050
A darker shade of blue that provides enhanced contrast when used as a background color with light text.
- #405060
A desaturated blue that might be more suitable for users with color vision deficiencies.
Applications
Web Development
In web development, Chathams Blue (#20487B) can be effectively used for navigation bars, headers, and as a secondary color in website designs aiming for a professional and trustworthy appearance. It pairs well with neutral colors like white, light gray, and beige. For example, a website for a financial institution or a corporate blog can use this color to create a sense of stability and reliability. Avoid using this color for call to actions or important text elements on a white background due to accessibility concerns regarding contrast ratios. In UI/UX design, #20487B can serve as a background color for sidebars, footers, and info boxes.
Interior Design
In interior design, Chathams Blue can be used as an accent color in rooms to create a calming and sophisticated atmosphere. It works well in bedrooms, living rooms, and studies. This color can be used for walls, furniture, or decorative elements such as cushions and curtains. When used on walls, it is best paired with lighter furniture and accessories to balance the room's overall brightness. Combining it with natural materials like wood and stone can enhance the sense of tranquility and elegance. Consider using it in a room with ample natural light to showcase its depth and richness.
Fashion
In fashion, Chathams Blue can be incorporated into clothing and accessories to evoke a sense of sophistication and elegance. It is a versatile color that can be worn in both formal and casual settings. It is a popular choice for suiting, dresses, and outerwear. In accessories, it can be used for scarves, handbags, and shoes. It pairs well with neutral colors such as black, white, and gray. For a more vibrant look, it can be combined with complementary colors like orange or gold. The color is also often associated with nautical or preppy styles.