Gable Green
General Information about Gable Green (#193336)
The hex color code #193336 represents a dark shade of green, often referred to as Gable Green. It is composed of 9.8% red, 20% green, and 21.2% blue. In the RGB color space, it is relatively low in all three primary colors, contributing to its muted, dark appearance. This color tends to evoke feelings of calmness, stability, and nature, making it suitable for designs aiming to create a serene and grounded atmosphere. In terms of color theory, #193336 falls within the green family, known for its association with growth, harmony, and the environment. Its specific hue suggests a sense of maturity and sophistication, distinguishing it from brighter, more vibrant greens. When working with this color, it's important to consider its low lightness value and ensure sufficient contrast with other elements in a design.
The hex color #193336, also known as Gable Green, presents some accessibility challenges, especially when used as a background color for text. Its low lightness value (a dark shade) means that sufficient contrast is crucial to ensure readability. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text (14 points and bold or larger, or 18 points or larger). Therefore, when using #193336 as a background, it's essential to pair it with a very light text color, such as white or a pale yellow, to meet these contrast requirements. Tools like contrast checkers can help verify compliance. Avoid using #193336 for critical interactive elements if sufficient contrast cannot be achieved, as this can significantly hinder usability for users with visual impairments. Thoughtful color choices ensure inclusivity and improve the overall user experience.
Shades
Digital Color Formats
Alternative colors
- #2a4d4f
A slightly lighter shade of green that offers improved contrast and readability while maintaining a similar aesthetic.
- #333333
A neutral gray that can be used as a background color to provide a more accessible alternative, especially for text-heavy content.
- #306754
A lighter green that still provides a natural feel but is easier on the eyes and more accessible.
Applications
Web Design
In web design, #193336 can be used for header backgrounds or as a subtle accent color to create a sophisticated and calming atmosphere. It pairs well with neutral colors like beige or light gray. Consider using it for website footers, decorative elements, or as a secondary color in a broader palette to add depth. To avoid accessibility issues, ensure sufficient contrast with text and interactive elements. This color can evoke feelings of nature and stability.
Interior Design
In interior design, Gable Green can be used as an accent wall color in a study or living room to create a calming and focused environment. It works well with natural materials like wood and stone. Consider using it for upholstery or decorative pillows to add a touch of sophistication and depth to a space. This shade complements earth tones and can be used to bring a sense of the outdoors inside. Incorporate it with proper lighting to maintain vibrancy.
Fashion
In fashion, #193336 can be used for apparel such as jackets, skirts, or accessories like scarves and bags. It can be paired with neutral colors like black, white, or beige for a sophisticated look. It also complements earthy tones and can be used to create a nature-inspired outfit. Consider using it as a base color for patterns or prints. This green provides a grounding, versatile hue.