Charade
General Information about #223133
#223133, also known as Charade, is a dark, desaturated grayish-green color. In the RGB color model, it consists of 13.33% red, 19.22% green, and 20% blue. In the CMYK color model, it is composed of 33.33% cyan, 3.85% magenta, 0% yellow, and 80.78% black. Its hexadecimal representation is #223133. This color evokes feelings of sophistication, neutrality, and understated elegance. It is often used in designs where a calming and grounded effect is desired. Because of its low lightness it is considered a darker color.
The color #223133, a dark desaturated grayish-green, presents significant accessibility challenges, particularly for users with visual impairments. Its low luminance value of approximately 3.3% necessitates careful consideration of color contrast. According to WCAG guidelines, sufficient contrast between text and background is crucial. For small text (less than 18pt), a contrast ratio of at least 4.5:1 is recommended, while large text (18pt and above) requires a ratio of 3:1. Given its darkness, #223133 needs to be paired with a very light color to meet these standards. Using it for text on a dark background is strongly discouraged. When using this color, thoroughly test with accessibility tools to ensure readability and usability for all users, including those with low vision or color blindness. Consider alternative color palettes that offer better contrast and meet accessibility requirements.
Shades
Digital Color Formats
Alternative colors
- #334243
A slightly lighter shade of gray provides better contrast against white backgrounds while maintaining a similar aesthetic.
- #304140
A desaturated teal offers a touch more visual interest while remaining relatively muted and versatile.
- #445354
Going even lighter helps achieve more of the desired aesthetic while ensuring the color can meet the Web Content Accessibility Guidelines (WCAG) contrast ratios.
Applications
User Interface Design
This color lends itself well to creating a sophisticated and understated user interface. It can be used for backgrounds, panels, or borders, providing a subtle visual structure without overwhelming the content. The dark hue is well-suited for dark mode designs or applications where a calming and focused atmosphere is desired. When combined with a brighter accent color, it can create a visually appealing and accessible interface that promotes user engagement and readability. Consider using it for elements like navigation bars, sidebars, and form fields to establish a clean and professional look and feel.
Interior Design
In interior design, #223133 can be employed to create a sense of tranquility and sophistication. It works exceptionally well in studies, libraries, or bedrooms where a calming atmosphere is desired. The color can be used on walls, furniture, or accents to create a cohesive and harmonious space. Pairing it with natural materials like wood and stone can enhance its organic feel. Using brighter, complementary colors as accents, such as yellows or oranges, can add visual interest and prevent the space from feeling too somber. This color serves as a great neutral to build a room around.
Fashion Design
In fashion, this color can be used as a base for creating a sophisticated and modern look. It works well for outerwear, trousers, or dresses, and can be paired with brighter colors or metallic accents to add visual interest. The color is suitable for both casual and formal wear, depending on the fabric and design. This dark hue is effective for creating a slimming and elongating effect. Utilizing accessories in contrasting colors will help the outfit to pop. It can also be paired with earth tones to create a natural and muted palette.