Green Vogue
General Information
The hex color #022B5B, also known as Green Vogue, is a dark shade of blue that evokes feelings of calmness, stability, and sophistication. It is composed of 0.78% red, 16.86% green, and 35.69% blue. In the RGB color model, it has values of R:2, G:43, B:91. In the CMYK color model, it is composed of 97.8% cyan, 52.7% magenta, 0% yellow, and 64.3% black. This color is often associated with professionalism and trust, making it a popular choice for branding and design in industries such as finance, technology, and healthcare. Its subdued nature allows it to be used effectively as a background color, providing a sophisticated backdrop for content and graphics. The Green Vogue name suggests a blend of trendiness and timeless appeal.
The hex color #022B5B, also known as Green Vogue, presents some accessibility challenges, particularly for users with visual impairments. Its low luminance value of approximately 3.4 cd/m² results in a very dark color. When used as text, it requires very light foreground colors to achieve sufficient contrast for readability. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text to comply with WCAG (Web Content Accessibility Guidelines) 2.0 AA standards. Using lighter shades of yellow, white, or other high-luminance colors as foreground text on a #022B5B background can improve readability. Tools like contrast checkers can help determine if the contrast ratio meets accessibility requirements. Ensure that interactive elements using this color have sufficient visual cues beyond color alone, such as underlines or icons, to assist users who may not be able to distinguish color differences effectively.
Shades
Digital Color Formats
Alternative colors
- #1f4068
A slightly lighter shade of blue can offer better contrast while maintaining a similar aesthetic.
- #333333
A desaturated dark gray can provide a more neutral background option with greater flexibility for foreground text colors.
- #113f67
A slightly different tone that is still within the range of Green Vogue, but provides some more visibility.
Applications
Website Headers and Footers
In web design, #022B5B can be used as a background color for website headers or footers to create a sense of sophistication and depth. It pairs well with lighter accent colors like off-white or pale yellow to maintain readability and visual interest. This color can also be used for interactive elements like buttons or links, provided sufficient contrast is ensured for accessibility. The dark hue evokes feelings of trust and stability, making it suitable for corporate or professional websites.
Accent Wall Color
In interior design, #022B5B can serve as an accent wall color in a living room or bedroom to add a touch of elegance and serenity. Complementary colors like mustard yellow or warm beige can be used in furniture or decor to create a balanced and inviting space. The dark color can also be used in smaller doses, such as for cushions or artwork, to add depth and visual interest to a room without overwhelming the space.
Formal and Casual Wear
In fashion, #022B5B can be incorporated into evening wear or formal attire to convey a sense of sophistication and class. It works particularly well with metallic accessories such as silver or gold jewelry. The color can also be used in casual wear, such as a dark blue blazer or sweater, paired with lighter-colored pants or skirts for a balanced and stylish look. Its versatility allows for use in various garments and accessories.