Shark
General Information
The hex color #20202A, often referred to as 'Shark', is a dark, desaturated shade of gray-blue. In the RGB color model, it consists of 12.55% red, 12.55% green, and 16.47% blue. This color is frequently categorized as part of the 'grayscale' family, although it subtly leans towards the cooler end of the spectrum due to the increased blue component. Colors like #20202A (Shark) can be perceived differently depending on the surrounding colors and lighting conditions. In terms of perception, darker colors like shark tend to convey seriousness, formality, and even a sense of mystery. Its hex code representation makes it easy to use in digital design and development. The CMYK values are C:24, M:24, Y:0, K:84. Colors like #20202A are very commonly used for dark themed designs.
The color #20202A, also known as Shark, presents some accessibility challenges, particularly concerning color contrast. When used as a background, it requires very light text (ideally white or near-white) to ensure sufficient contrast for readability, meeting WCAG (Web Content Accessibility Guidelines) standards. A contrast ratio of at least 4.5:1 is recommended for normal text and 3:1 for large text. Designers must carefully consider the font size and weight when pairing text with this dark shade. Using a color contrast checker is essential to validate the chosen text color's compliance. Furthermore, avoid using this color to convey critical information solely through color coding, as users with visual impairments may not be able to perceive the distinction. Providing alternative cues, like text labels or icons, is a best practice. In interactive elements, ensure sufficient contrast in hover and focus states to provide clear visual feedback to users.
Shades
Digital Color Formats
Alternative colors
A slightly lighter shade of gray that offers better contrast with both light and dark text.
A dark blue-gray that provides a similar aesthetic but may offer improved contrast in certain contexts.
This color has a bit more brightness which can make content pop a little more while still being a dark tone.
Applications
Web Development
In web development, #20202A (Shark) can be employed to create a sophisticated and modern aesthetic for website backgrounds or dark-themed user interfaces. Its subdued nature makes it suitable for websites that aim for a professional or minimalist design. It's commonly used for navigation bars, footers, and container backgrounds. However, careful consideration is required to ensure adequate contrast with text and other foreground elements to meet accessibility standards. In User Interface design it is very suitable for dark mode themes.
Interior Design
In interior design, Shark can be used as an accent wall color or for furniture pieces to create a sense of depth and sophistication in a room. It pairs well with lighter neutrals or vibrant accent colors. It is very suitable in combination with chrome or golden materials.
Fashion
In the fashion industry, Shark can be used for creating elegant and understated clothing designs. It is suitable for both formal and casual wear, often used in outerwear, trousers, or dresses. It can also be utilized in accessories like bags or shoes. When combined with other colors it is suitable for all seasons.