Chathams Blue
General Information
Chathams Blue, with the hexadecimal code #145383, is a dark, muted shade of blue that evokes feelings of calmness, stability, and trustworthiness. It's a versatile color that can be effectively used in various design contexts, from web development to interior design. In the RGB color model, it consists of 7.84% red, 32.55% green, and 51.37% blue. This color is often associated with professionalism and is a popular choice for corporate branding and designs that need to convey a sense of authority. Its relatively low saturation makes it a good option for backgrounds, allowing other elements to stand out, but consideration should be given to contrast to maintain good readability.
The color #145383, a deep shade of blue, presents some accessibility challenges, particularly concerning color contrast. When used as a background color, it requires light-colored text to ensure readability. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text, as defined by WCAG guidelines. It's crucial to avoid pairing this color with other dark shades, as this would make content difficult to perceive for users with visual impairments. When using this color for interactive elements like buttons or links, sufficient contrast should be present in their hover, focus, and active states. Thoughtful consideration of color contrast will ensure a more inclusive and user-friendly design.
Shades
Digital Color Formats
Alternative colors
Applications
Website Design
This color can be used in website headers and footers to create a professional and trustworthy feel. Its depth conveys stability and knowledge, making it ideal for businesses in finance or education. This color can also effectively highlight important calls to action when combined with a bright, contrasting color for the button itself. When using the color for a background, ensure the text on top of it is readable.
User Interface Design
Chathams Blue can be used to portray a sense of calm and trustworthiness within user interfaces. Consider using it for sidebars, navigation menus, or highlighting sections of content. Its subtle nature won't distract users but can still add a touch of sophistication. Ensure that interactive elements are clearly distinguished from the background by using contrasting colors. Usability is very important to provide a great user experience.
Presentations
This dark blue shade provides a formal and professional appeal to the design. Use this colour to generate contrast and to create emphasis in a presentation. This colour would be well-suited to use as the background colour for text-heavy slides, particularly in settings such as educational or business presentations. Furthermore, use a well contrasting font colour to improve readability.