Mallard
General Information about #223313
The hexadecimal color code #223313 represents a dark shade of green, often referred to as 'Mallard'. It is composed of 13.3% red, 20% green, and 7.5% blue. In the RGB color model, this translates to R:34, G:51, B:19. The CMYK values are C:0.33, M:0.00, Y:0.63, K:0.80. This color is commonly associated with nature, growth, and stability. Its muted tone makes it suitable for applications where a subtle and earthy feel is desired. In the HSL color space, #223313 has a hue of 84 degrees, saturation of 53%, and lightness of 14%. Its dark nature means careful planning is needed to ensure it meets accessibility requirements for readability, especially when used with text.
The color #223313, a dark shade of green, presents several accessibility considerations for web development. Its low luminance value necessitates careful attention to contrast ratios, especially when used for text or interactive elements. According to WCAG guidelines, sufficient contrast between foreground and background colors is crucial for users with visual impairments. To ensure readability and usability, a lighter background color is recommended when using #223313 for text. For instance, pairing it with a light beige or off-white can improve contrast. Additionally, avoid using this color as the sole indicator for interactive elements like links or buttons. Instead, provide supplementary cues, such as underlines or icons, to assist users who may not perceive color differences effectively. Thorough testing with accessibility tools is essential to validate the color's suitability for diverse user needs.
Shades
Digital Color Formats
Alternative colors
- #344523
A slightly lighter shade of green that provides better contrast on white backgrounds, making it more accessible for users with visual impairments.
- #4A5043
A more neutral, earthy tone that can be used as a background color, allowing other elements to stand out and improving overall readability.
- #2e432c
A softer tone of green that has better affordances for color blindness and other visual impairments
Applications
Website Design for Eco-Friendly Brands
In web design, #223313 can be utilized as a primary color for websites aiming to convey a sense of nature, sustainability, or tranquility. It works well in the headers or footers to create a grounded and organic feel. Additionally, it can be effectively used as an accent color for buttons or icons, provided that sufficient contrast is maintained against the background. For example, in a website promoting eco-friendly products, #223313 can reinforce the brand's connection to nature, paired with earthy textures and natural imagery. This color will also provide a serious, reliable and professional tone to the website.
Accent Color in Interior Design
In interior design, #223313 can be employed to bring a touch of the outdoors inside, creating a calming and sophisticated atmosphere. It works well as an accent wall color in living rooms or bedrooms, especially when complemented by natural materials like wood and stone. Furthermore, it can be used for upholstery on furniture, such as sofas or armchairs, adding a subtle yet elegant touch. For instance, in a minimalist home, #223313 can be used to inject a sense of warmth and personality without overwhelming the space, as well as a sense of elegance and peace.
Suits and dresses
In fashion, this color will provide an aura of seriousness, formality and reliability. It could be used in shirts, trousers, coats and dresses. The color is very natural and works well with golden jewelry