Swamp
General Information about Swamp (#00221B)
The hex color #00221B, also known as Swamp, is a dark shade of green belonging to the green color family. It has a very low saturation, which results in a muted and earthy appearance. In the RGB color model, it consists of 0% red, 13.33% green, and 10.59% blue. In the CMYK color model, it consists of 100% cyan, 0% magenta, 20% yellow, and 86.67% black. The low percentage of green makes the color less vibrant, and the high percentage of black contributes to its darkness and depth. Swamp evokes a sense of nature, earth, and tranquility, and it is commonly used in designs related to environmental themes, organic products, and natural landscapes. It is a versatile color that can be used to create a sense of calmness, sophistication, and elegance.
The hex color #00221B, also known as Swamp, presents accessibility challenges, particularly for users with visual impairments. Its low luminance value of approximately 1.3 makes it difficult to distinguish from black or other dark colors. When used as text against a white background, it fails WCAG AA and AAA compliance for contrast ratio. To improve accessibility, consider using #00221B for large, decorative elements rather than essential text. If it must be used for text, pair it with a very light color such as #FFFFFF (white) or a light shade of green or yellow to ensure sufficient contrast. A contrast ratio of at least 4.5:1 is recommended for standard text and 3:1 for large text. Providing alternative text descriptions for images and other non-text elements using this color is also essential for screen reader users. Tools like WebAIM's Contrast Checker can help evaluate contrast ratios.
Shades
Digital Color Formats
Alternative colors
- #003322
A slightly lighter shade of green provides better contrast while maintaining a similar aesthetic.
- #333300
A dark olive color offers a more muted tone with improved readability.
- #000000
Use a transparent black overlay on a photograph, with text in white to emphasize the image and ensure readability
Applications
Website Header/Footer
In web design, #00221B can be utilized as a background color for website headers or footers to create a sophisticated and nature-inspired feel. It pairs well with lighter shades of green, beige, or even a contrasting bright accent color like gold or orange. The color evokes a sense of calmness and can be used to enhance the user experience, especially for websites related to nature, sustainability, or wellness. Its dark hue also makes it suitable for creating a dark mode option for websites, reducing eye strain for users in low-light environments. Proper contrast with text and interactive elements is crucial to maintain usability.
Accent Wall Color
In interior design, #00221B can be employed as an accent wall color in living rooms or bedrooms to create a cozy and inviting atmosphere. The deep green hue evokes a sense of nature and tranquility, making it perfect for creating a relaxing sanctuary. It pairs well with natural materials like wood, stone, and leather, as well as lighter shades of green, beige, or cream. Consider using this color for furniture upholstery or decorative accents like throw pillows and blankets to add a touch of sophistication and elegance to the space. Proper lighting is essential to prevent the space from feeling too dark or gloomy.
Packaging for ecological products
#00221B is suitable for packaging related to organic and ecological products. The green tone is directly associated with nature, plants and life itself. The color will give a safe and serious impression on customers, and increase trustworthiness for the specific product and brand. The low luminance makes the color great for text and logos on a white surface.