Diesel
General Information about #0C0203
The hexadecimal color code #0c0203, also known as Diesel, represents a very dark shade of red-brown. It is composed of 4.71% red, 0.78% green, and 1.18% blue. In the RGB color model, this corresponds to R:12, G:2, B:3. In the HSL color space, its hue is 355 degrees, its saturation is 71.4%, and its lightness is 2.9%. Due to its very low lightness value, Diesel is perceived as a very dark color, approaching black. This color is often used to convey a sense of mystery, depth, or sophistication. However, its darkness also presents accessibility challenges in design, particularly when used for text or interactive elements against light backgrounds.
The hex color #0c0203, also known as Diesel, presents significant accessibility challenges due to its very low luminance. Its dark shade results in extremely poor contrast against typical light backgrounds, making it difficult for users with visual impairments to discern text or graphical elements. The Web Content Accessibility Guidelines (WCAG) require a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Diesel fails to meet these standards on almost all light-colored backgrounds. Therefore, it's crucial to avoid using this color for text or interactive elements unless paired with a very light color to ensure readability and usability for all users, including those with low vision or color blindness. Thorough contrast testing is essential when considering this color in any design.
Shades
Digital Color Formats
Alternative colors
- #26080a
A slightly lighter shade of brown that provides better contrast against light backgrounds while maintaining a similar aesthetic.
- #333333
A desaturated dark gray that offers improved readability and accessibility compared to pure black.
- #800000
A dark red provides a richer dark shade with improved visability.
Applications
Website Footer Accent
In web design, Diesel (#0c0203) can be used sparingly as an accent color in website footers or backgrounds where high contrast isn't essential. It can create a sense of depth and sophistication when used subtly. However, it should never be used for body text, important links, or interactive elements due to its poor visibility against light backgrounds. When incorporating this color, ensure sufficient contrast is maintained by pairing it with very light shades to meet accessibility standards and ensure a positive user experience. Consider using it for decorative elements only.
Dark Fashion Aesthetic
In fashion, Diesel (#0c0203) can serve as a foundational color for creating dark and edgy aesthetics. It can be used in leather garments, dark denim, or as a base color for layering with other dark or muted tones. Its deep, almost-black hue lends itself well to creating slimming silhouettes and a sense of mystery. Consider pairing it with contrasting textures like velvet or silk to add visual interest and depth to an outfit. In makeup, a similar shade can be used for dramatic eyeliner or smoky eye looks.
Interior Design Accent
In interior design, Diesel is very dark and could make a room feel smaller and more closed-in. It can be applied as the colour of a feature wall in a large open room, or even as a small stripe on a wall. It can be used on metal light fixtures, or as a contrasting tone in tapestries.