Green Pea
General Information about Green Pea (#22553F)
The hexadecimal color code #22553F represents a shade of green, often referred to as "Green Pea." It's composed of 13.33% red, 33.33% green, and 24.71% blue. This color resides in the green hue spectrum, leaning towards a muted, earthy tone. Colors like Green Pea evoke feelings of nature, growth, and tranquility. In color theory, Green Pea is a tertiary color, created by mixing a primary color (blue) with a secondary color (green). It is a relatively dark color with a low saturation, making it suitable for backgrounds or accents where a subtle, natural tone is desired. Its subdued nature allows it to blend well with other earthy tones and natural textures.
The color #22553F, also known as Green Pea, presents some accessibility challenges. Its relatively low luminance value of approximately 0.14 means that it doesn't provide sufficient contrast when paired with lighter colors like white. This can make text or interactive elements difficult to read for users with visual impairments. According to WCAG guidelines, the contrast ratio between text and background should be at least 4.5:1 for normal text and 3:1 for large text. Green Pea often falls short of these recommendations. To improve accessibility, it's crucial to use Green Pea with much darker backgrounds or to lighten the Green Pea color significantly. Consider using contrast checking tools to ensure your color combinations meet accessibility standards and provide a comfortable experience for all users, including those with low vision or color blindness. Proper contrast is essential for usability and inclusivity in design.
Shades
Digital Color Formats
Alternative colors
- #558b2f
A lighter shade of green that offers better contrast against white backgrounds, improving readability and accessibility.
- #003300
A darker green that provides a strong contrast with lighter text, making it suitable for headings and important elements.
- #3c541b
Earthy green with better readability than green pea
Applications
Web Design
In web design, Green Pea can be used sparingly for accents and highlights to draw attention to specific elements. However, it's important to use it cautiously for text or interactive elements due to its low contrast. It is well-suited for websites related to nature, organic products, or eco-friendly initiatives, where its natural and earthy tones can reinforce the brand's message. When using Green Pea, ensure adequate contrast with the background to maintain readability and accessibility, or complement with darker green tones for a better contrast.
Interior Design
In interior design, Green Pea can be incorporated to create a calming and nature-inspired ambiance. It works well as an accent color for walls, furniture, or decorative items, bringing a touch of the outdoors inside. When using Green Pea, pair it with neutral colors like beige, cream, or light gray to create a balanced and harmonious space. It can also be combined with natural materials such as wood, stone, or plants to enhance the organic feel of the room and create a relaxing environment.
Fashion
Green Pea color can be used in fashion to make earth-themed clothing. This is a great color for camouflage pants or a jacket. The color is not overly bright, so it gives a good balance to the outfit. Green Pea clothing can be combined with orange-toned accessories for an outstanding look, and create a trendy and nature-balanced appearance.