Mallard

General Information about Mallard (#223E19)

The hexadecimal color code #223E19, also known as Mallard, represents a dark shade of green. In the RGB (Red, Green, Blue) color model, it consists of 13.33% red, 24.31% green, and 9.8% blue. When represented in the CMYK (Cyan, Magenta, Yellow, Key/Black) color model, it is composed of 45.17% cyan, 0% magenta, 59.67% yellow, and 75.69% black. This color is often associated with nature, earthiness, and sophistication. Due to its relatively low saturation and brightness, it tends to convey a sense of calmness and stability. The color's name, Mallard, likely refers to the plumage of the Mallard duck, which features similar greenish hues. In various design contexts, Mallard can be used to create a sense of groundedness and connection to the natural world.

The color #223E19, also known as Mallard, presents some accessibility challenges, particularly for users with visual impairments. Its low luminance value of approximately 4.5 cd/m² means that text rendered in this color against a white background may not meet WCAG (Web Content Accessibility Guidelines) contrast ratio requirements. Specifically, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. When using #223E19 for text or important UI elements, it's crucial to pair it with a very light color to ensure sufficient contrast. Conversely, using this color as a background requires very light text for optimal readability. Tools like contrast checkers can help to verify adherence to accessibility standards and explore alternative color pairings that offer better contrast. Proper contrast ensures that content is perceivable for a wider range of users, including those with low vision or color blindness. Additionally, relying solely on color to convey information should be avoided; consider using supplementary cues such as text labels or icons to enhance usability.

Shades

Digital Color Formats

Alternative colors

Applications

• Web Design

  In web design, Mallard (#223E19) can serve as an accent color for highlighting key elements or creating a sense of sophistication and earthiness. It pairs well with neutral tones like beige, gray, or cream. It can also be incorporated into website headers, footers, or buttons to create a cohesive and visually appealing design. For example, a website promoting eco-friendly products might use this color to reinforce the brand's commitment to nature and sustainability. When utilizing this color, careful consideration must be given to ensure sufficient contrast ratio according to WCAG guidelines.

• Interior Design

  In interior design, Mallard (#223E19) can be employed to create a calming and natural atmosphere. It is suitable for painting walls in living rooms or bedrooms, providing a connection to nature. Accenting furniture or accessories with this color can add depth and richness to a space. This color can be paired with natural wood tones, such as oak or walnut, and other earthy colors, such as browns and greens, to create a cohesive and inviting interior design scheme. It is especially effective in spaces where a sense of tranquility and relaxation is desired.

• Fashion

  Mallard (#223E19) can be utilized in fashion to create a subtle yet sophisticated look. It can be incorporated into clothing designs, such as dresses or jackets, or accessories, such as scarves or hats. Pairing it with other earthy tones or contrasting it with brighter colors like mustard or coral can create interesting and stylish outfits. It is a versatile color that can be worn in both casual and formal settings. Designers can use Mallard to evoke a sense of natural elegance and understated style.

Complementary color

Buttons