Chathams Blue
General Information about Chathams Blue
The hexadecimal color code #185678 represents a shade of blue known as Chathams Blue. It is composed of 9.41% red, 33.73% green, and 47.06% blue. In the RGB color model, it has the values (24, 86, 120). When converted to CMYK, its values are 0.80, 0.28, 0.00, and 0.53. This indicates that the color primarily consists of cyan with some magenta. Chathams Blue, with its cool and calming tone, is often associated with stability, trust, and depth. Its relative darkness makes it suitable for backgrounds or elements requiring a subdued yet sophisticated aesthetic. Its name likely evokes the sense of the deep blue waters around the Chatham Islands.
The hex color #185678, also known as Chathams Blue, presents some accessibility considerations for web developers. With a relatively dark hue, it's crucial to ensure sufficient contrast when used as a background or text color. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #185678 for text, lighter colors like whites, yellows, or lighter shades of gray are advisable for readability. Conversely, if it serves as a background, ensure that the foreground text is bright enough to meet contrast requirements. Tools such as contrast checkers can assist in verifying compliance with accessibility standards, thereby enhancing the user experience for individuals with visual impairments. Also, avoid using color as the sole means of conveying important information; supplement color cues with text labels or other visual indicators.
Shades
Digital Color Formats
Alternative colors
- #4682b4
A lighter blue that provides better contrast against dark text.
- #808080
A neutral gray that works well as a background color, offering good contrast with various text colors.
- #ADD8E6
A pastel blue tone that gives a soft look to the design. It provides a fresh feeling while retaining some of the depth associated with darker blues.
Applications
Web Design
In web design, Chathams Blue can be used to create a sophisticated and calming website aesthetic. It works well for header backgrounds, navigation menus, and call-to-action buttons. When paired with lighter text, it provides a clear visual hierarchy. The color evokes trust and professionalism, making it suitable for corporate websites, financial institutions, or healthcare providers. Use it strategically to highlight key information and guide users through your site, ensure a balance with brighter colors to avoid an overly somber feel.
Interior Design
In interior design, Chathams Blue can be used to create a relaxing and elegant atmosphere. It is suitable for bedrooms, living rooms, or home offices. You can pair it with white or light gray walls and wooden furniture. Accents of gold or silver can add a touch of luxury. Consider using it for accent walls, upholstery, or decorative accessories such as cushions and throws. This color brings a sense of tranquility and sophistication to any space.
Fashion
In fashion, Chathams Blue offers a versatile option for creating stylish and sophisticated looks. It can be used for dresses, suits, or casual wear. Pair it with neutral colors such as white, beige, or gray for a classic look, or combine it with brighter colors such as yellow or pink for a bolder statement. Accessories in silver or gold can complement the color nicely. Consider using it for statement pieces like jackets or handbags to add a pop of color to your outfit.