Cod Gray

General Information

#030A0E, also known as Cod Gray, is an extremely dark shade of gray, almost black. In the RGB color model, it is composed of 1.18% red, 3.92% green, and 5.49% blue. Its primary use is in situations where a very dark, near-black color is required, such as backgrounds in digital interfaces or for creating a sense of depth in visual design. The hexadecimal color code #030A0E is often employed in web design and graphic arts due to its straightforward representation and ease of use in coding. However, due to its low luminance, careful consideration must be given to its contrast with other colors, particularly when used for text or interactive elements. Choosing appropriate color combinations is essential for readability and accessibility, especially for users with visual impairments.

The hex color #030A0E, a very dark shade of gray also known as Cod Gray, presents significant accessibility challenges. Its extremely low luminance makes it difficult to perceive for individuals with low vision. 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 against its background to meet Level AA compliance. Given its darkness, using #030A0E for text necessitates extremely light foreground colors to achieve sufficient contrast. Careful consideration of color combinations is essential to ensure readability. Using online contrast checkers during the design process can help determine if the color pairings meet the minimum accessibility standards. Furthermore, it is important to test color combinations with real users, including those with visual impairments, to validate the design choices.

Shades

Digital Color Formats

Alternative colors

Applications

• Dark UI Background

  In user interface design, #030A0E can be applied sparingly as a background color for panels or sidebars to create a sense of depth and separation. However, it should not be used for primary interactive elements like buttons or links due to accessibility concerns. It can work well in dark mode interfaces, providing a solid base for brighter accent colors and ensuring visual hierarchy. When implemented carefully, this dark shade can lend a sophisticated and modern feel to web applications, particularly when paired with contrasting typography and subtle visual cues. Always prioritize readability and user experience by balancing aesthetic appeal with accessibility standards.

• Fashion Apparel

  In fashion, #030A0E evokes a sense of understated elegance and versatility. It can be used as a foundation for creating minimalist outfits or as a grounding element for more vibrant ensembles. This color works well in outerwear, such as coats and jackets, and can also be incorporated into accessories like bags and shoes. Its dark nature allows it to pair easily with a wide range of colors and textures, making it a staple in many wardrobes. When used in formal wear, it projects an air of sophistication and refinement. Overall, #030A0E is a timeless and reliable choice for creating stylish and wearable looks.

• Interiour Accent

  In interior design, #030A0E serves as a dramatic accent or a base for modern and minimalist spaces. As an accent color, it can highlight architectural details or create a focal point on a single wall. Because of its dark nature it is often best as an accent color and in a room with significant natural light. Balance #030A0E with brighter shades to prevent the room from feeling small or oppressive. Introduce tactile elements, such as textured fabrics or natural wood accents, to add depth and character. Overall, the careful use of #030A0E can transform an interior into a sophisticated and inviting environment.

Complementary color

Buttons