Gable Green
General Information about Gable Green
The hex color #213336, also referred to as Gable Green, is a dark, muted shade of green. It's composed of 12.9% red, 20% green, and 21.2% blue. In the RGB color model, it has values of R:33, G:51, and B:54. In the CMYK color model, its values are C:0.39, M:0.06, Y:0.00, and K:0.79. This color evokes feelings of nature, calmness, and sophistication. Its hexadecimal representation makes it easily usable in digital design and web development. Due to its relatively low brightness, it's often used as an accent color or background color, paired with lighter shades to ensure readability. Gable Green is a versatile color that can be incorporated into various design styles, from minimalist to rustic.
The hex color #213336, also known as Gable Green, presents some accessibility challenges. Its relatively dark nature means it requires careful consideration when pairing it with text or other foreground elements. To ensure readability and usability, it's crucial to use light colors for text and interactive elements placed on a #213336 background. A contrast ratio of at least 4.5:1 is recommended for normal-sized text and 3:1 for large text to meet WCAG (Web Content Accessibility Guidelines) AA standards. For AAA compliance, these ratios should be even higher (7:1 and 4.5:1 respectively). Tools like contrast checkers can help verify if the color combination meets accessibility requirements, ensuring that content is perceivable for users with visual impairments. Insufficient contrast can exclude users with low vision or color blindness.
Shades
Digital Color Formats
Alternative colors
- #2e4246
A slightly lighter shade of green that offers better contrast against white backgrounds while maintaining a similar aesthetic.
- #333621
A more desaturated green that can be used for backgrounds without overpowering other elements.
- #cccccc
A light gray to use as text color on the gable green background
Applications
Web Design
In web design, #213336 can be utilized to create a sophisticated and calming atmosphere. It's suitable for backgrounds in website headers or footers, providing a sense of stability and nature-inspired design. When used sparingly, it can highlight important sections or call-to-action buttons, but ensure that the text color is contrasting enough for accessibility. It can also be integrated into website illustrations and icons to create a cohesive and branded visual identity, especially for companies that want to communicate trustworthiness and environmental awareness.
Interior Design
In interior design, Gable Green evokes a sense of tranquility and connection to nature. It can be applied as an accent wall color in living rooms or bedrooms to create a calming retreat. It also works well in studies or home offices, promoting focus and reducing stress. Pair it with natural materials like wood and stone to enhance the organic feel, and complement with lighter shades of green or neutral colors like beige and gray for a balanced palette. Consider using it in furniture upholstery or decorative accessories for subtle pops of color.
Fashion Industry
In the fashion industry, #213336 can be used to create elegant and understated garments. It works well for outerwear like jackets and coats, providing a versatile and timeless look. It can also be incorporated into dresses, skirts, and pants, offering a sophisticated alternative to black or navy. Pair it with neutral colors like white, cream, or gray for a classic combination, or add pops of color with accessories in shades of mustard yellow, burgundy, or teal. Consider using it in sustainable and eco-friendly clothing lines to align with a commitment to environmental responsibility.