Chathams Blue
General Information about #18487F
The hexadecimal color code #18487F represents a dark shade of blue, often referred to as "Chathams Blue." In the RGB color model, it is composed of 9.41% red, 28.24% green, and 49.8% blue. In the CMYK color model, it consists of 81.05% cyan, 43.28% magenta, 0% yellow, and 50.2% black. This color evokes feelings of calmness, stability, and trust. Blue is often associated with intelligence, efficiency, and security, making it a popular choice for corporate branding and professional websites. Its deep tone can add a touch of elegance and sophistication to any design project. Lighter shades of blue are often associated with clarity and precision. This color can be found in nature (sky, water), but the darkness gives it a special touch.
The color #18487F, also known as Chathams Blue, presents some accessibility challenges, particularly for users with visual impairments. Its relatively low lightness value means that it may not provide sufficient contrast when used as text against a dark background, or as a background color for dark text. According to WCAG guidelines, sufficient contrast is crucial for readability and usability. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. When using #18487F, it is imperative to pair it with a very light color to ensure adequate contrast. Tools are available online to check the contrast ratio between two colors, and they should be used during the design process. When this color is used on interactive elements, ensure that the contrast is sufficient also for the hover and focus states of buttons and links. Careful consideration of color combinations will help make your website or application more accessible and user-friendly.
Shades
Digital Color Formats
Alternative colors
- #336699
A lighter shade of blue that offers better contrast against dark backgrounds while maintaining a similar aesthetic.
- #e0e0e0
A neutral gray that can be used as a background color with #18487F text to improve readability.
- #ffcc00
A bright, contrasting color that could be used for accents or highlights to draw attention to key elements, but not as text or primary background.
Applications
Web Design
In web design, Chathams Blue can be used for headers, navigation bars, and call-to-action buttons to create a sense of trust and professionalism. Its depth makes it suitable for websites in the finance, technology, or healthcare industries. It can be combined with lighter blues or grays for a clean and modern look. Avoid using it as the primary background color for large blocks of text, as it may strain the eyes. Instead, consider using it for smaller elements to add visual interest without sacrificing readability. This color can be effectively used for data visualization as well.
Interior Design
In interior design, #18487F can be applied to accent walls, furniture upholstery, or decorative accessories. It works well in bedrooms and living rooms, creating a calming and sophisticated atmosphere. It can be paired with neutral colors like beige, gray, or white for a balanced look. Incorporating metallic accents like gold or silver can enhance the luxurious feel. Be mindful of the room's lighting; in darker spaces, use lighter shades of blue to prevent the room from feeling too somber. This color can be used in office spaces to boost creativity.
Fashion
In the fashion industry, Chathams Blue can be used in clothing, especially for formal wear and business attire. This color can be used for suits, dresses, or even as an accent color in ties or scarves. Pair this color with neutral tones such as white, grey, and black. For a bolder choice, use a striking color, such as red or yellow, but be sure to keep the outfit in harmony. Chathams Blue works nicely as a shoe color too. Also, this color might be too intense for summer collections.