Governor Bay
General Information about #213AA9
The hex color #213AA9, also known as Governor Bay, is a deep, saturated shade of blue. It belongs to the blue color family and evokes feelings of trust, stability, and intelligence. In the RGB color model, it is composed of 12.94% red, 22.75% green, and 66.27% blue. In the CMYK color model, which is commonly used for printing, it consists of 80.5% cyan, 65.6% magenta, 0% yellow, and 33.7% black. This color is often associated with corporate branding, financial institutions, and educational institutions due to its professional and trustworthy appearance. Its hex code provides a standardized way to represent this specific shade of blue across various digital platforms, ensuring color consistency in web design, graphic design, and other applications.
The hex color #213AA9, also known as Governor Bay, presents certain accessibility considerations for web design. Given its 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 normal-sized text and 3:1 for large text (14pt bold or 18pt regular) to ensure readability for users with visual impairments. When using #213AA9 for text, pairing it with a light color like white (#FFFFFF) or a very pale yellow can help meet these contrast requirements. Conversely, if #213AA9 is used as a background, lighter text colors are necessary. Tools like contrast checkers can assist in evaluating the contrast ratio and determining appropriate color pairings. It's generally inadvisable to pair this color with other dark colors, as the contrast will likely be insufficient for many users. Also, consider users who rely on screen readers or other assistive technologies. Ensure the semantic structure of your HTML is correct and that all content is accessible regardless of color. Use ARIA attributes judiciously to enhance accessibility where needed.
Shades
Digital Color Formats
Alternative colors
- #3352b2
A slightly lighter shade of blue provides better contrast when paired with darker text, improving readability for a wider range of users.
- #455e98
A more desaturated blue offers a softer visual experience while still maintaining a sense of sophistication.
- #001a7d
This dark color preserves the depth while providing higher contrast when used as a background color with light text.
Applications
Web Design
In web design, #213AA9 can be effectively used for navigation bars, headers, and call-to-action buttons to create a sense of professionalism and trust. It pairs well with lighter shades of blue or white for a clean and modern look. The depth of the color makes it suitable for creating a visual hierarchy, drawing attention to key elements on the page. For example, a website for a financial institution could use this color for its primary branding elements to convey stability and reliability. When using this color as a background, be sure to select contrasting text colors to ensure accessibility.
Graphic Design
#213AA9 can be used to represent the night sky or deep ocean, providing a calming and reflective feel. In branding it can represent stability and trust. Use it in graphics to provide contrast between elements in a sophisticated way. In user interface design, this color can be used for primary buttons and navigational elements. This can be especially effective when the surrounding interface elements are a lighter color, so Governor Bay elements visually stand out.
Interior Design
In interior design, Governor Bay can be used for accent walls or furniture pieces to add a touch of sophistication and depth to a space. It pairs well with neutral colors like gray, beige, and white to create a balanced and calming atmosphere. Consider using it in a study or bedroom to promote relaxation and focus. This hue is a strong accent color that will have the most impact when used in a balanced way.