#1A2F30 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, dark cyan acts as a solid base for modern dark mode interfaces. Because it is highly desaturated, #1a2f30 provides a muted, serious alternative to standard black or navy backgrounds. It offers enough contrast for white text to remain legible, making it an excellent choice for UI design. Pair this hex code with soft corals or warm creams to break up its gloom.
Questions about #1a2f30
What is #1a2f30 in RGB, HSL and CMYK?
In RGB, #1a2f30 is rgb(26, 47, 48), in HSL hsl(183, 30%, 15%) and in CMYK 46%, 2%, 0%, 81%.
What colors pair well with #1a2f30 in a design layout?
#1a2f30 creates a grounded foundation that works best with warm, lighter contrasts. Pairing this shade with soft creams, dusty corals, or muted golds breaks its inherent gloom, providing a balanced visual hierarchy that keeps text readable and the interface professional.
Is #1a2f30 a suitable background color for long-form reading?
Yes, #1a2f30 works exceptionally well as a dark background for extended reading because its high desaturation prevents eye fatigue. Unlike pure black, which can create harsh contrast, this soft cyan provides a comfortable, serious viewing experience for modern web applications.
Is #1a2f30 readable on white or black?
#1a2f30 has a 14.06:1 contrast ratio on white and 1.49: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.