Log Cabin
General Information
The hexadecimal color code #222818 represents a dark shade of green-brown, often described as 'Log Cabin' due to its resemblance to the color of aged wood. It falls into the category of low-saturation colors, exhibiting a muted and earthy tone. This color is created by combining relatively low amounts of red (22), green (28), and blue (18) in the RGB color model. Due to its low luminance and muted nature, #222818 tends to convey feelings of warmth, stability, and connection to nature. It is commonly used to evoke a sense of vintage and subdued elegance. In color theory, #222818 is useful for creating backgrounds and accents that do not distract from brighter or more saturated elements.
The color #222818, also known as Log Cabin, presents significant accessibility challenges, especially when used for text or interactive elements. Its low luminance value of approximately 3.6 cd/m² results in very poor contrast against a standard white background. According to WCAG guidelines, a contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text to ensure readability for users with visual impairments. Given its darkness, #222818 will almost always require a very light color to meet accessibility standards. When using this color, careful consideration should be given to its impact on users with low vision or color blindness. Sufficient contrast is critical for perceivability and usability. Using contrast checking tools to verify ratios is highly advised. The color can be used for large graphical elements, like backgrounds, without text to alleviate accessibility concerns.
Shades
Digital Color Formats
Alternative colors
- #333929
A slightly lighter shade that provides better contrast against white backgrounds while maintaining a similar earthy tone.
- #111707
A darker neutral color that can be used for backgrounds paired with light-colored text for improved readability.
- #556B2F
Olive green alternative, still keeps an earthy tone, but is more accessible than #222818
Applications
Web Design Accent
In web design, #222818 can serve as a subtle background color for sections intended to evoke a natural or rustic feel. It pairs well with lighter text colors such as off-white or pale yellow to ensure readability. Additionally, this color can be used for decorative elements like borders or dividers to add depth without overwhelming the design. Using it sparingly and strategically is crucial for maintaining a balanced and user-friendly interface. It is best used for large graphical elements or as an accent color rather than for primary text.
Interior Design Accent
In interior design, #222818 can be used to create a cozy and grounded atmosphere, particularly in spaces like studies or reading nooks. It works well as a wall color when balanced with lighter furniture and accents to prevent the room from feeling too dark. Consider pairing it with natural materials like wood and stone to enhance the earthy aesthetic. Incorporating plants can also complement the color and bring life to the space. To create depth and interest, consider using textiles with varying textures and patterns.
Fashion Accent
In fashion, #222818 can be a great base for creating neutral, subtle outfits. It works well for trousers, jackets, skirts, or accessories. Pair with other earthy tones like beige, brown, or olive green for a harmonious look. Add pops of color like burgundy or mustard yellow for contrast. It can be used to create an elegant, understated look. Use natural fabrics like linen, cotton or wool to enhance the earthy feel.