Ebony Clay

General Information

The hexadecimal color code #222B36, commonly referred to as Ebony Clay, is a dark, muted shade of gray-blue. It belongs to the cool color family, exhibiting a sense of sophistication, stability, and neutrality. In the RGB color model, #222B36 is composed of 13.33% red, 16.86% green, and 21.18% blue. When represented in the CMYK color model, which is often used for printing, it consists of 37% cyan, 21% magenta, 0% yellow, and 79% black. This color is frequently used in design applications where a subtle, understated aesthetic is desired. It's a versatile color that can be used as a background, accent, or text color, depending on the overall design scheme and desired effect. The perception of #222B36 can vary based on lighting conditions and surrounding colors. Under natural light, it may appear more gray, while under artificial light, the blue undertones may become more pronounced.

The hex color #222B36, also known as Ebony Clay, presents some accessibility challenges, particularly when used for text. Its low luminance value of 4.59 means that it requires careful consideration for color contrast. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is necessary for normal-sized text and 3:1 for large text (14pt bold or 18pt regular) against its background to ensure readability for users with moderate visual impairments. When using #222B36 for text, it's crucial to pair it with a light background color to achieve sufficient contrast. White (#FFFFFF) or very light grays are good choices. Conversely, using #222B36 as a background color necessitates light-colored text. Tools like contrast checkers can help verify compliance with accessibility standards, ensuring content is accessible to a wider audience, including those with low vision or color blindness. Proper use enhances the user experience by improving legibility and visual clarity.

Shades

Digital Color Formats

Alternative colors

Applications

• Website Backgrounds

  Ebony Clay, #222B36, is well-suited for website backgrounds, particularly in modern and minimalist designs. Its dark, muted tone provides a sophisticated backdrop that doesn't distract from the content. It is ideal for portfolios, corporate sites, and blogs where a professional, understated aesthetic is desired. When using it as a background, ensure that text and other elements have sufficient contrast for readability. Light text colors such as white or pale yellow work well against this dark background. Consider adding subtle textures or gradients to add visual interest without compromising the minimalist feel.

• UI Design

  In UI design, #222B36 can be used for sidebars, navigation menus, and other secondary elements. Its dark color helps these elements recede into the background, allowing the main content to take center stage. It works well in dark mode interfaces, providing a comfortable viewing experience in low-light conditions. When using it in UI, pair it with lighter accent colors to highlight important actions and information. Ensure that all interactive elements have sufficient contrast to be easily identified. Consistent use of this color across the UI creates a cohesive and professional look.

• Interior Design

  In the realm of interior design, Ebony Clay, #222B36, can be employed to create a sophisticated and grounding atmosphere. It can be used as a wall color in bedrooms or living rooms to evoke a sense of tranquility and elegance. The dark hue absorbs light, making the space feel cozier and more intimate. Pair it with lighter-colored furniture and accents to balance the darkness and prevent the room from feeling too heavy. Metallic accents, such as gold or brass, can add a touch of luxury and sophistication. In fashion, #222B36 can be used in clothing design for jackets and trousers.

Complementary color

Buttons