Mallard
General Information about #223117
The hexadecimal color code #223117 represents a dark shade of green, often referred to as "Mallard" due to its resemblance to the plumage of a male mallard duck. It falls within the green color family but possesses a subdued, earthy tone, making it a versatile choice for various design applications. In the RGB color model, #223117 is composed of 13.33% red, 19.22% green, and 9.02% blue. The CMYK values are C:0.31, M:0.00, Y:0.54, K:0.81. This color is often associated with nature, tranquility, and sophistication. Its muted nature makes it suitable for creating a calming atmosphere, while its depth adds a touch of elegance. The use of this color can evoke feelings of stability, growth, and connection to the environment. Due to its darkness, it's important to consider contrast when using this color for text or interactive elements.
The color #223117, a dark, muted green, presents several accessibility considerations for web development. Its low luminance value (around 5) means it has poor contrast against typical light backgrounds, potentially causing readability issues for users with visual impairments. According to WCAG guidelines, sufficient contrast is crucial for text and interactive elements to ensure accessibility. A color contrast analyzer can help determine if the contrast ratio meets the minimum requirement of 4.5:1 for normal text and 3:1 for large text. To improve accessibility, consider pairing #223117 with a much lighter color for text or interactive elements. For backgrounds, a very pale tint or shade close to white would offer better contrast. Also, avoid using this color alone to convey important information, like error messages or status indicators, without additional cues such as text or icons.
Shades
Digital Color Formats
Alternative colors
- #556b2f
Dark Olive Green offers a similar earthy tone while providing better readability and contrast against light backgrounds.
- #228b22
Forest Green provides a richer, more vibrant alternative that can be used to create a more visually appealing design.
- #355e3b
Hunter Green provides a similar dark and muted tone but may provide a better contrast ratio against lighter backgrounds.
Applications
Web Design
In web design, #223117 (Mallard) can be used to create a sophisticated and natural aesthetic. It works well for backgrounds in website headers or footers, especially for sites related to nature, sustainability, or outdoor activities. As a text color, it should be used sparingly and only against very light backgrounds to ensure readability. The color can also be incorporated into website illustrations or icons to add depth and character to the design. When used in combination with complementary colors like shades of brown or beige, #223117 can evoke a sense of tranquility and earthiness.
Interior Design
In interior design, Mallard (#223117) can be used to bring a sense of calm and nature indoors. It's a great color for accent walls in living rooms or bedrooms, especially when paired with natural materials like wood and stone. It can also be used for upholstery on furniture or for decorative accessories like cushions and throws. When used in combination with lighter shades of green or beige, Mallard can create a soothing and relaxing atmosphere. This color is particularly well-suited for creating a biophilic design that connects the interior space with the natural world.
Fashion
In fashion, Mallard (#223117) is a versatile color that can be used in a variety of ways. It can be used as a base color for a sophisticated and understated look, or as an accent color to add a touch of earthy elegance to an outfit. It works well with neutral colors like black, white, and beige, as well as with other earthy tones like brown and olive green. Mallard can be used for clothing items like jackets, pants, and skirts, as well as for accessories like scarves and bags. When used in combination with metallic accents like gold or silver, Mallard can create a luxurious and glamorous look.