#2A003D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ultra-dark, muted violet leans toward black, offering a grounding, serious presence for web interfaces. Because it is so low in lightness, #2a003d functions best as a dark mode background or a base layer rather than text. It provides exceptional contrast for white type, achieving an 18.0:1 ratio. Pair this shade with soft creams or desaturated golds to avoid a muddy appearance.
Questions about #2a003d
What is #2a003d in RGB, HSL and CMYK?
In RGB, #2a003d is rgb(42, 0, 61), in HSL hsl(281, 100%, 12%) and in CMYK 31%, 100%, 0%, 76%.
What colors pair best with #2a003d for UI design?
#2a003d looks most balanced when paired with soft, low-saturation tones like cream or desaturated gold. These lighter neutrals prevent the design from appearing muddy while maintaining the sophisticated, grounding atmosphere created by the dark violet base.
Is #2a003d suitable for text-heavy layouts?
#2a003d works better as a background color rather than a text color because it is extremely dark and lacks readability against most surfaces. If used as a background, it provides excellent contrast for high-legibility white or off-white typography.
Is #2a003d readable on white or black?
#2a003d has a 18.01: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.