#022A30 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #022a30 graphic
This dark, dusty cyan feels serious and grounded. Because it is highly unsaturated, #022a30 serves as a stable base for tech or entertainment branding without becoming overwhelming. It pairs effectively with crisp white text, providing excellent readability for dark mode interfaces. Use this hex code as a moody primary background rather than a small accent to let its deep, atmospheric quality set the tone.

Questions about #022a30

What is #022a30 in RGB, HSL and CMYK?
In RGB, #022a30 is rgb(2, 42, 48), in HSL hsl(188, 92%, 10%) and in CMYK 96%, 13%, 0%, 81%.
What design aesthetic works best with #022a30?
#022a30 excels in modern tech environments and minimalist interfaces that require a stable, serious foundation. Its highly unsaturated nature allows it to act as a primary background color that feels sophisticated and calm without competing with your foreground UI elements.
Is #022a30 readable on white or black?
#022a30 has a 15.25:1 contrast ratio on white and 1.37: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.