#040C30 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dark mode interfaces and formal layouts are where #040c30 does its best work. This almost-black blue sits deep in navy territory, so ashy and unsaturated it can pass for black at a glance. As a dominant base it reads grounded and authoritative, and it flatters muted burgundy better than the usual camel. White text hits roughly 19.1:1 contrast on it, well past WCAG AA.
Questions about #040c30
What is #040c30 in RGB, HSL and CMYK?
In RGB, #040c30 is rgb(4, 12, 48), in HSL hsl(229, 85%, 10%) and in CMYK 92%, 75%, 0%, 81%.
What colors pair well with #040c30?
Muted burgundy and warm rust make #040c30 feel richer than the usual gray or beige pairings. For text and icons, plain white gives the strongest contrast at about 19.1:1.
Is #040c30 too dark to use as a background?
No, it works well as a background because white text reaches about 19.1:1 contrast, far above the 4.5:1 WCAG AA threshold. Just add a brighter accent nearby so large areas do not read as plain black.
Is #040c30 readable on white or black?
#040c30 has a 19.08:1 contrast ratio on white and 1.10: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.