Cod Gray
About Cod Gray (#03070B)
The hex color code #03070B represents a very dark shade of gray, often referred to as 'Cod Gray'. It is composed of 1.18% red, 2.75% green, and 4.31% blue. In the RGB color model, this equates to R:3, G:7, B:11. The color has very low saturation (27.27%) and luminance (2.73%). As a result, it appears almost black to the human eye. This hex code is typically used in design contexts where a subtle, near-black tone is desired. The color is also frequently used in web design or graphic design to create contrast with lighter elements, albeit requiring careful consideration of accessibility guidelines. The color is named Cod Gray after the dark and mysterious colors of the ocean.
The hex color #03070B, a very dark shade of gray also known as Cod Gray, presents significant accessibility challenges, particularly in web design. Due to its extremely low luminance, it offers minimal contrast against most background colors, including white. This lack of contrast makes text and other elements using this color difficult to read for individuals with visual impairments, color blindness, or even those with normal vision under certain lighting conditions. Web Content Accessibility Guidelines (WCAG) recommend a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text against its background to ensure readability. #03070B almost certainly fails to meet these recommendations when paired with lighter backgrounds. Therefore, it's crucial to carefully consider the context and provide sufficient contrast by pairing it with very light colors or avoiding its use for crucial textual information. Using tools to test color contrast ratios is highly advisable when incorporating this color in designs.
Shades
Digital Color Formats
Alternative colors
- #1a1e22
A slightly lighter shade of gray that offers improved contrast while maintaining a similar dark aesthetic.
- #2c3e50
A dark blue-gray that can provide a more visually distinct alternative while still remaining subtle.
- #222222
This color offers slightly better visibility and is more screen reader friendly
Applications
Subtle UI Elements
In user interface design, #03070B can be used sparingly for elements like very subtle dividers or borders in dark mode interfaces. Due to its near-black appearance, it should not be used for text or interactive elements without careful consideration of contrast ratios. It can be effective for creating a sense of depth and layering in minimalist designs. The color's subtlety also makes it suitable for backgrounds where a barely-there presence is desired, avoiding distraction from primary content. Moreover, it could be applied to decorative accents or non-interactive elements where visual prominence is not required, allowing key components to stand out effectively. Ultimately, thoughtful placement is essential to harness the color's characteristics while ensuring a positive user experience.
Minimalist Fashion
In fashion, #03070B can represent a sophisticated and understated style. It can be utilized in creating minimalist outfits, often combined with brighter, contrasting colors to add visual interest. This color is often chosen for formal attire or accessories, where a sense of elegance and seriousness is desired. Moreover, this color is a great choice for basic wardrobe items like t-shirts, trousers or skirts that can be matched with many other colors. In general the color is well suited for all who seek a timeless and elegant style.
Interior Design
Cod Gray (#03070B) can provide a grounding element, allowing brighter or more vibrant accents to pop. It can be employed to create a sense of depth and sophistication, working well in settings where a touch of modernity is desired. Used sparingly, it may act as a neutral backdrop, allowing the textures and forms of other materials and decor items to stand out. Moreover, it can make spaces feel more private and cozy. As a dark color, it should be balanced with ample lighting and lighter shades to avoid making spaces feel too enclosed.