#2A123D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #2a123d graphic
A moody, unsaturated violet, #2a123d functions best as a grounding base for high-end or mysterious branding. The hex code is #2a123d. It works well in dark mode interfaces, where its somber tone keeps the design feeling structured. White text remains perfectly legible against this shade with a 16.8:1 contrast ratio, which provides enough clarity for small body text.

Questions about #2a123d

What is #2a123d in RGB, HSL and CMYK?
In RGB, #2a123d is rgb(42, 18, 61), in HSL hsl(273, 54%, 15%) and in CMYK 31%, 70%, 0%, 76%.
Why is #2a123d effective for dark mode interfaces?
The deep saturation of #2a123d provides a somber, structured foundation that significantly reduces eye strain while maintaining a high 16.8:1 contrast ratio against white text. It functions as a sophisticated alternative to pure black for modern, premium branding.
What colors complement #2a123d for a balanced palette?
To balance the moody nature of #2a123d, pair it with muted gold or soft cream accents. These warmer, lighter tones cut through the depth of the violet, creating a refined aesthetic that prevents the overall design from feeling too oppressive or flat.
Is #2a123d readable on white or black?
#2a123d has a 16.76:1 contrast ratio on white and 1.25: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.