Mallard
General Information about #213B1D (Mallard)
The hexadecimal color code #213B1D represents a dark shade of green, often referred to as 'Mallard' due to its resemblance to the color of a mallard duck's head. It is composed of 12.9% red, 23.1% green, and 11.4% blue. In the RGB color space, it is relatively low in all three primary colors, resulting in its dark appearance. This color is often associated with nature, earthiness, and sophistication. It can evoke feelings of tranquility, stability, and groundedness. The color is widely used in different applications, such as web design, interior design, and fashion, to create a natural, rustic, or elegant atmosphere. Due to the high amount of green compared to red and blue, the color is interpreted as a green color.
The color #213B1D, a deep, muted green, presents some accessibility challenges. Its low lightness value (approximately 14%) means that text rendered in this color requires careful consideration of contrast ratios. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is needed for normal text and 3:1 for large text against its background to meet AA compliance. For AAA compliance, these ratios increase to 7:1 and 4.5:1, respectively. Using #213B1D as a foreground color necessitates a very light background to ensure readability for users, especially those with visual impairments. Tools like contrast checkers are essential to verify compliance. Also, avoid using this color to convey important information without supplementary cues, as colorblind users may not be able to distinguish it properly. Consider providing alternative visual or textual cues to enhance accessibility.
Shades
Digital Color Formats
Alternative colors
- #344e34
A slightly lighter green that offers improved contrast while maintaining a natural feel.
- #4a5d4a
A more desaturated green, closer to gray, that can be used for backgrounds or less important UI elements.
- #3c6255
A brighter green, which provides better contrast and visibility, suitable for call-to-action buttons.
Applications
Web Design
In web design, Mallard can be used to create a sophisticated and earthy feel, especially for brands related to nature, sustainability, or organic products. It's suitable for backgrounds, borders, or accents, but should be paired with lighter colors for text to ensure readability. Due to its dark nature, it works well when implementing a dark mode for websites or apps. Additionally, this color can work well for charts and infographs to represent data, but it should be combined with brighter colors to create an appealing visualization.
Interior Design
In interior design, Mallard can be used to create a calming and grounding atmosphere. It can be used for accent walls, upholstery, or decorative elements in spaces aiming for a natural or rustic aesthetic. It pairs well with wood tones, natural fabrics, and other earthy colors. This deep green hue can introduce a sense of tranquility and connection to the outdoors, particularly in bedrooms or living rooms. It is suitable for creating a peaceful and relaxing environment in home interiors.
Fashion
In fashion, Mallard can be used as a sophisticated alternative to black or navy. It's a versatile color that can be incorporated into various clothing items, from outerwear to accessories. It pairs well with neutral tones, such as beige and cream, as well as other earthy colors like brown and ochre. This color could be used for creating a vintage, refined, or mysterious look. The hex color can be used for multiple seasons for making outfits.