Blue Charcoal
General Information about #000A22
The hexadecimal color code #000A22, often referred to as Blue Charcoal, represents a very dark shade of blue. It consists of 0% red, 3.92% green, and 13.33% blue. In the RGB color model, it's composed of 0 red, 10 green, and 34 blue. This color sits within the blue-violet spectrum, leaning towards the deeper, cooler tones. Its primary characteristics include its low saturation and very low brightness. It's frequently perceived as calming and sophisticated. The name "Blue Charcoal" accurately reflects its dark, muted nature, reminiscent of charcoal with a subtle blue undertone. It's often employed to evoke feelings of depth, mystery, and understated elegance.
The color #000A22, also known as Blue Charcoal, presents significant accessibility challenges. Its very low luminance value of 0.005 makes it exceptionally difficult to see against most backgrounds, especially white. According to WCAG guidelines, it fails all contrast ratio tests for normal text, large text, and graphical elements when paired with white (#FFFFFF). To improve accessibility, consider using much lighter text colors like #FFFFFF or #EEEEEE against this background. A contrast ratio of at least 4.5:1 for normal text and 3:1 for large text is recommended. For graphical elements and user interface components, a contrast ratio of 3:1 is also advisable. Avoid using this color for crucial information without ensuring adequate contrast. Providing alternative themes or color choices also significantly benefits users with visual impairments.
Shades
Digital Color Formats
Alternative colors
- #0a192f
A slightly lighter shade provides better contrast while maintaining a similar dark, muted feel.
- #1e3a8a
A different tone that can be used to provide a better user experience for people with contrast sensitivity.
- #001f3f
This color is a lighter version of the provided color and it offers better readability when used as a background.
Applications
Website Backgrounds
Blue Charcoal is a sophisticated choice for website backgrounds, particularly for portfolios or creative agency sites aiming for a modern, minimalist aesthetic. Its deep, muted tone exudes professionalism. Using it sparingly as the main background and pairing it with lighter text colors (such as whites or light grays) ensures readability. Accent colors like teal or light blues can add visual interest without compromising the overall dark theme. Avoid overusing this color for extensive text blocks as it can strain the eyes. It works well with big, bold typography and geometric layouts.
Fashion Design
This color can be applied to fashion design and the creation of garments, especially in evening wear. The shade is very elegant and can be used in combination with silver or golden accessories to enhance the outfit. Using textures like velvet or silk to enhance the depth of the color can be a great choice.
Interior Design
Blue Charcoal can be used as an elegant and calming color for interior design. It is especially suited for bedrooms and libraries. Pair the walls with lighter colors for decoration and add some light sources to create a pleasing atmosphere.