Charade
General Information about #222B34
The hexadecimal color code #222B34, also known as Charade, represents a dark, muted shade of gray-blue. In the RGB color model, it is composed of 13.33% red, 16.86% green, and 20.39% blue. This color is often perceived as sophisticated, calming, and modern. It is frequently used in designs that aim to convey a sense of elegance or understated luxury. The sRGB value for #222B34 is (34, 43, 52). In the CMYK color model, commonly used for printing, it consists of 35% cyan, 17% magenta, 0% yellow, and 80% black. This color finds applications in various fields, including web design, interior design, and fashion, often as a background color, accent color, or for creating a calming atmosphere.
The color #222B34, also known as Charade, has a low contrast ratio against white text, making it difficult for users with visual impairments to read. With a contrast ratio of approximately 4.6:1 against white, it does not meet the WCAG recommended ratio of 4.5:1 for normal text and 3:1 for large text. When used for text, it's advisable to increase the font size and weight significantly or use a lighter color for the background. For interactive elements such as buttons or links, it's highly recommended to use a lighter shade to ensure they are easily identifiable. To improve accessibility, consider using a lighter color such as #66737F or #8895A2 for text or interactive elements on a #222B34 background. When used purely for decorative purposes, the contrast requirements are less stringent. Always test color combinations with accessibility tools to ensure readability for all users.
Shades
Digital Color Formats
Alternative colors
Applications
Dark Theme Web Design
In web design, #222B34 can be used for dark-themed website layouts, navigation bars, or as a background color for code blocks to create a visually appealing and modern aesthetic. The sophisticated dark hue provides a comfortable reading experience in low-light conditions and reduces eye strain. It pairs well with lighter accent colors like teal, light gray, or even a vibrant orange. Consider its use in website footers, sidebars, or as a primary color for interactive charts and graphs, allowing for data visualization with a clean, uncluttered look. Using it sparsely, it can give your website a premium feel.
Interior Design Accent
In interior design, #222B34 can serve as a sophisticated wall color in living rooms, bedrooms, or home offices, creating a calm and relaxing environment. It can also be used for furniture upholstery such as sofas, chairs, or headboards. Pair it with lighter-colored accents like beige, ivory, or light gray to balance the darkness and create visual interest. This color can be especially effective in creating a modern and minimalist aesthetic, allowing artwork and other decorative elements to stand out. It also works well with natural wood tones, providing a sense of warmth and balance to the space.
Logo Background
The color #222B34 can be used as a modern and elegant shade for branding elements. Its dark and neutral nature allows it to be versatile across different industries. It makes a great background to use for light colored logos and elements of a brand.