#020300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, near-black shade feels heavy and somber. Because #020300 is so dark, it works best as a moody background or a grounding element in high-contrast interfaces. White text offers excellent readability against this base, with a contrast ratio of 20.7:1. Avoid using it for fine typography, as the dim, sooty undertones can sometimes read as muddy on smaller screens.
Questions about #020300
What is #020300 in RGB, HSL and CMYK?
In RGB, #020300 is rgb(2, 3, 0), in HSL hsl(80, 100%, 1%) and in CMYK 33%, 0%, 100%, 99%.
Is #020300 a suitable alternative to pure black?
#020300 serves as an excellent, softer alternative to pure black because its ashy, sooty undertones reduce harshness on digital screens. It maintains a strong visual anchor while preventing the visual strain often caused by true, absolute black backgrounds.
How should I use #020300 in UI design?
#020300 functions best as a moody, grounding background for high-contrast interfaces where white text ensures maximum readability. Avoid using this dark, muddy shade for fine typography or small text elements, as the low-contrast detail may blur on standard screens.
Is #020300 readable on white or black?
#020300 has a 20.67:1 contrast ratio on white and 1.01:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.