#1F0F30 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This near-black violet feels cold and somber, making it a strong choice for moody, high-contrast UI backgrounds. Because the hex code #1f0f30 is so dark, white text offers excellent readability at an 18.0:1 contrast ratio. Pair this shade with soft cream or muted gold to avoid a stark, industrial look. It works best as a dominant base rather than a small accent.
Questions about #1f0f30
What is #1f0f30 in RGB, HSL and CMYK?
In RGB, #1f0f30 is rgb(31, 15, 48), in HSL hsl(269, 52%, 12%) and in CMYK 35%, 69%, 0%, 81%.
Does #1f0f30 function well as a primary background color?
#1f0f30 is an excellent choice for dark-mode UI designs because its deep, violet-toned darkness provides significantly more character than flat black. It maintains strong accessibility when paired with high-contrast text like white or cream.
Which color palettes complement the depth of #1f0f30?
This shade thrives when paired with muted metallics like gold or soft, neutral tones to break up its intensity. Avoiding pure white in favor of off-white or cream helps prevent a harsh, industrial look in your layout.
Is #1f0f30 readable on white or black?
#1f0f30 has a 17.95:1 contrast ratio on white and 1.16: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.