Chathams Blue
General Information about #124E86
The hexadecimal color code #124E86, also known as Chathams Blue, is composed of 7.1% red, 30.6% green, and 52.5% blue. In the RGB color model, this translates to 18 red, 78 green, and 134 blue. Represented in the CMYK color model, it consists of 86.57% cyan, 41.79% magenta, 0% yellow, and 47.45% black. This particular shade of blue is often associated with qualities such as depth, stability, and trustworthiness. It's a cool color that can evoke feelings of calmness and professionalism. The color name 'Chathams Blue' suggests a connection to the sea or sky, further reinforcing its tranquil and expansive nature. Its specific hex code makes it suitable for digital applications, offering a consistent and reproducible color for designers and developers.
The color #124E86, also known as Chathams Blue, presents some accessibility considerations for web design. Its relatively dark hue means that careful attention must be paid to color contrast when used for text or interactive elements. According to WCAG guidelines, sufficient contrast between text and background is crucial for users with visual impairments. For normal text (14pt/18px and above), a contrast ratio of at least 4.5:1 is recommended, while for large text (18pt/24px bold or 14pt/18px bold), a ratio of 3:1 is acceptable. When using #124E86 as a background color, ensure that any foreground text meets these contrast requirements. Lighter shades of yellow, white, or green may provide adequate contrast. Tools such as WebAIM's Contrast Checker can assist in verifying compliance. Furthermore, avoid using color alone to convey important information; supplement color cues with text labels or icons to ensure usability for all users, including those with color blindness. Proper implementation enhances inclusivity and user experience.
Shades
Digital Color Formats
Alternative colors
- #2e64fe
A slightly lighter shade of blue that maintains a similar aesthetic while offering improved contrast against dark text.
- #778899
A muted gray-blue that can serve as a neutral background color, providing a subtle contrast to brighter elements.
- #007bff
A brighter blue alternative, that is usefull for highlights.
Applications
Web Design and Branding
In web design, #124E86 can serve as a primary color for navigation bars, headers, or call-to-action buttons, lending a sense of professionalism and trustworthiness. Its depth makes it suitable for backgrounds, especially when paired with contrasting text. For branding, this color can be incorporated into logos and marketing materials to convey stability and reliability. When used in data visualization, #124E86 can effectively represent a specific category or range of values. In user interface design, it could denote active states or selected options, guiding user interaction. Consider it for creating a cohesive and visually appealing digital presence, that emphasizes security.
Interior Design
Within the realm of interior design, Chathams Blue can be applied to create calming and sophisticated spaces. It works well as an accent wall color in living rooms or bedrooms, providing a focal point without being overwhelming. The color can also be used in furniture upholstery or decorative accessories, such as cushions and throws, to add a touch of elegance. In office environments, incorporating this shade can foster a sense of tranquility and focus. Complementary colors like warm grays or light yellows can be used to balance the cool tones of Chathams Blue.
Beauty and cosmetics
In the beauty industry, #124E86 can be used as eye shadow or nail polish, to give a trustworthy and mysterious impression. The color can also be used in package design of skin care products, like moistrizing creams, to convey hydration, clarity and youthfulness.