#000336 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This near-black navy is dense, somber, and almost entirely unsaturated. Because it sits so close to black, #000336 creates a stark, professional backdrop for interfaces that demand authority and stability. It provides enough contrast for white text to remain highly readable, making it an excellent choice for dark mode UI designs. Pair it with crisp, bright accent colors to prevent the palette from feeling too moody or muddy.
Questions about #000336
What is #000336 in RGB, HSL and CMYK?
In RGB, #000336 is rgb(0, 3, 54), in HSL hsl(237, 100%, 11%) and in CMYK 100%, 94%, 0%, 79%.
Why does #000336 work better than pure black for dark mode?
Pure black can cause eye strain due to extreme contrast, but #000336 offers a subtle depth that feels more natural on screen. This near-black navy retains the authority of black while softening the visual impact for the user.
Which colors create the best balance when paired with #000336?
Because #000336 is so dark and unsaturated, it benefits from high-value accents to prevent a muddy appearance. Bright, crisp tones like electric blue or warm gold provide the necessary visual pop to keep your interface feeling intentional and sophisticated.
Is #000336 readable on white or black?
#000336 has a 19.69:1 contrast ratio on white and 1.06: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.