Outer Space
General Information about #223836
The hex color code #223836, often referred to as 'Outer Space,' is a dark, muted shade of green-gray. It is composed of 13.33% red, 21.96% green, and 21.18% blue. In the RGB color space, it is represented as (34, 56, 54). The color's subtle and understated nature makes it suitable for various design applications where a sophisticated and calming effect is desired. It conveys a sense of stability and neutrality, often associated with professionalism and reliability. Its hex triplet is #223836, and its CMYK representation is approximately (0.39, 0.00, 0.04, 0.78). The relative darkness of the color contributes to its potential use as a background color, provided that sufficient contrast is maintained with foreground elements to ensure accessibility.
The hex color #223836, also known as Outer Space, presents some accessibility challenges. Its relatively low luminance value of 5.94 cd/m² means that it requires careful consideration when used as a background or text color. According to WCAG guidelines, this color does not meet the minimum contrast ratio of 4.5:1 for normal-sized text against a white background. Therefore, it is advisable to pair it with lighter text colors such as whites, creams, or very light grays to ensure readability for users with visual impairments. When using #223836 for interactive elements, sufficient contrast is crucial to ensure that users can easily identify and interact with the element. It is also important to avoid using this color alone to convey important information, as users with color blindness may not be able to distinguish it from other dark colors. Testing with accessibility tools and obtaining feedback from users are highly recommended to ensure an inclusive user experience.
Shades
Digital Color Formats
Alternative colors
- #334c4a
A slightly lighter shade that improves contrast while maintaining a similar aesthetic.
- #444444
A desaturated gray that offers better readability when used as a background color.
- #30403f
This color offers a balance between darkness and contrast, making it suitable for text and background applications.
Applications
Web Design
In web design, #223836 can be used for website headers and footers to create a sophisticated and modern look. It pairs well with minimalist designs and can provide a professional aesthetic. Additionally, this color can be used as a background for code snippets or terminal-like interfaces, enhancing readability and visual appeal for developers. It also works well for creating dark mode themes, providing a comfortable and less straining experience for users who prefer darker interfaces.
Interior Design
In interior design, #223836 can be used as an accent wall color to add depth and elegance to a room. It complements natural wood tones and metallic accents, creating a balanced and inviting space. This color also works well for furniture upholstery, such as sofas or chairs, providing a touch of sophistication. When paired with lighter neutrals, #223836 can create a calming and harmonious atmosphere, suitable for bedrooms or living rooms.
Fashion
In fashion, #223836 can be used for creating stylish and versatile garments. It works well for outerwear, such as jackets or coats, providing a sleek and modern look. This color can also be used for accessories, such as bags or scarves, adding a touch of understated elegance to any outfit. When paired with brighter colors, #223836 can create a striking contrast, making it suitable for both casual and formal wear.