Green Waterloo
General Information
Green Waterloo, represented by the hexadecimal color code #101A08, is a dark shade of green that evokes a sense of nature, tranquility, and subtle sophistication. Its composition consists primarily of green pigment, with relatively low amounts of red and blue, resulting in a muted, earthy tone. In the RGB color model, it is composed of 6.27% red, 10.2% green, and 3.14% blue. The color is most fitting for darker themes, but can also be applied on lighter themes as a way to bring a subtle darker element to the application. Due to its very low brightness, this color is not optimal for text. When applied for text, make sure to bring contrast with a very bright complimentary color.
The color #101A08, also known as Green Waterloo, presents significant accessibility challenges, particularly in text-based contexts. Its very low luminance value results in poor contrast against typical light backgrounds, making it difficult for users with visual impairments to discern text or other important elements. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Green Waterloo falls far short of these recommendations when paired with standard white or light-colored backgrounds. To improve accessibility, consider using Green Waterloo sparingly, primarily as an accent color, or pair it with much lighter colors to meet contrast ratio requirements. Providing alternative text descriptions for images using Green Waterloo is also crucial. Additionally, avoid using Green Waterloo for critical interactive elements without proper contrast.
Shades
Digital Color Formats
Alternative colors
- #202a18
A slightly lighter shade of green that offers improved contrast while maintaining a similar aesthetic.
- #182010
A desaturated green that reduces the intensity and can be easier on the eyes in larger applications.
- #303A28
Consider a color closer to olive or khaki that might provide a more natural look and better accessibility in certain uses.
Applications
Web Design Accents
In web design, Green Waterloo can be used sparingly as a background for specific sections to create depth and visual interest. However, due to its dark nature, it should be paired with light-colored text and elements to ensure readability and accessibility. It can also be used for decorative elements, such as borders or icons, but again, with careful consideration of contrast.
Interior Design Accents
Within the realm of interior design, Green Waterloo serves as an excellent accent color. Consider using it on walls or furniture in rooms with ample natural light to prevent the space from feeling too dark. It complements natural materials like wood and stone, and can be paired with lighter shades of green or neutral colors to create a balanced and harmonious atmosphere.
Fashion Design
In fashion, Green Waterloo can be used for garments or accessories. A Green Waterloo dress, jacket or even a belt can add a touch of sophistication and mystery to an outfit. Best paired with lighter colours to create a captivating outfit, or used to create a camoflage look when matched with other earthy tones.