Cocoa Brown
General Information
The hexadecimal color code #2C171D represents a dark shade of brown, often referred to as Cocoa Brown. It is composed of 17.3% red, 9% green, and 11.4% blue. In the RGB color model, these values translate to 44 red, 23 green, and 29 blue. In the CMYK color model, it consists of 0% cyan, 47% magenta, 34% yellow, and 83% black. This color exudes a sense of warmth and earthiness. It's commonly associated with natural elements, such as wood and soil. The color is often used to convey feelings of comfort, stability, and reliability. It is a very earthy colour.
The hex color #2C171D, also known as Cocoa Brown, presents some accessibility challenges, especially when used as a foreground color against a background that is too similar in luminance. It's crucial to ensure sufficient contrast to meet WCAG guidelines for readability. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Using a color contrast checker is essential to verify compliance. Consider pairing #2C171D with lighter shades to improve accessibility. Avoid using it for critical elements like links or buttons without careful attention to contrast. Providing alternative text descriptions for images is also important when this color is present, ensuring information is conveyed to users who may have difficulty perceiving the color. Ensuring a good contrast ration helps users with visual impairments to read the content, and makes it easier for all users to read the website content.
Shades
Digital Color Formats
Alternative colors
Applications
Web Design
In web design, #2C171D can be used for website backgrounds to evoke a sense of warmth and earthiness, especially for brands aiming for a natural or rustic aesthetic. It can also be incorporated into headers or footers to add a touch of sophistication. This colour can be used to highlight certain aspects of the design, in order to show the user where to navigate on a website. Be mindful of the contrast when using this color for text or interactive elements. For example, paired with a cream color, it will evoke feelings of a coffee shop.
Interior Design
In interior design, #2C171D can be applied to create a cozy and inviting atmosphere. Consider using it for accent walls in living rooms or bedrooms. It can also be integrated into furniture choices, such as leather sofas or wooden accents. Paired with lighter colors like beige or cream, it can create a balanced and harmonious space. This will make the interiour feel very earthy and organic. Combine it with darker and warmer colours to give a luxurious feeling.
Fashion
In fashion, #2C171D can be utilized for creating a sophisticated and understated look. It can be used for clothing items such as jackets, pants, or dresses, particularly in materials like suede or leather. This color works well in autumn collections as it evokes feelings of nature. It can also be incorporated into accessories like belts, shoes, or handbags to add a touch of elegance to an outfit. It is often seen on trench coats during colder seasons.