Governor Bay
General Information about Governor Bay
The hexadecimal color #223CA8, 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, #223CA8 is composed of 13.33% red, 23.53% green, and 65.88% blue. In the CMYK color model, it consists of 80% cyan, 64% magenta, 0% yellow, and 34% black. This color is often used in professional settings due to its association with authority and reliability. The name 'Governor Bay' suggests a connection to nautical themes or perhaps a geographical location, adding an element of sophistication to its visual appeal. Its relative low saturation makes it suitable for background use.
The color #223CA8, also known as Governor Bay, presents certain accessibility challenges, particularly concerning color contrast. When using this color for text or interactive elements, it's crucial to ensure sufficient contrast against the background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text (14pt bold or 18pt regular) to meet Level AA compliance. For Level AAA, the contrast ratios increase to 7:1 and 4.5:1, respectively. Using a color contrast checker is essential to verify compliance. When pairing #223CA8 with lighter colors, consider a thorough evaluation of contrast ratios to prevent visual fatigue and ensure readability for users with visual impairments. Providing alternative styling options, such as high-contrast themes, can also enhance accessibility. Adding text shadows or borders can further help to ensure elements are easily seen.
Shades
Digital Color Formats
Alternative colors
- #3355bb
A slightly lighter shade that maintains the blue hue while improving contrast against darker backgrounds.
- #112277
A darker shade that can provide better contrast against lighter backgrounds, suitable for text.
- #2962ff
A more vibrant blue with better accessibility ratings when used as a link color.
Applications
Website Header & Navigation
Governor Bay can serve as a primary color for website headers and navigation menus, creating a professional and trustworthy appearance. Its depth allows for effective contrast with white or light-colored text, enhancing readability. It's particularly suitable for websites targeting a mature audience or those emphasizing reliability and stability. The color also evokes a sense of calmness and sophistication, making it suitable for finance or healthcare related websites.
Corporate Branding Materials
This shade of blue can add a touch of sophistication to printed materials such as brochures, business cards, and letterheads. Its professional appearance makes it well-suited for corporate branding. Using it sparingly, as an accent color, can create a premium feel without overwhelming the design. Combining it with grayscale elements can create a striking and memorable visual impact.
Mobile App UI Elements
In mobile app design, Governor Bay is a versatile option for UI elements such as buttons, status bars, and icons. It provides a clear visual distinction without being overly distracting. Using it in combination with softer shades of blue and gray can create a modern and user-friendly interface. Consider employing different shades and tints to create visual hierarchy and to differentiate interactive elements.