#21232D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dim, ashy indigo with heavy grey undertones, #21232d sets a moody and structured tone. Its low chroma makes it an excellent choice for a dark UI background, providing a soft alternative to harsh black. Because of its high contrast ratio, white text remains crisp and readable against this hex code. Pair it with muted gold accents to elevate the overall design.
Questions about #21232d
What is #21232d in RGB, HSL and CMYK?
In RGB, #21232d is rgb(33, 35, 45), in HSL hsl(230, 15%, 15%) and in CMYK 27%, 22%, 0%, 82%.
Why is #21232d better for UI backgrounds than pure black?
#21232d functions as a softer, less jarring foundation because it contains subtle blue and grey undertones that reduce screen fatigue. Using this shade prevents the high-contrast vibration often found when placing bright white text directly against a pitch-black background.
What colors pair well with #21232d?
Pair #21232d with muted gold or soft cream accents to create a high-end, sophisticated aesthetic. You can also ground the design by using near-white neutrals for text, which keeps the overall layout readable while maintaining a dark, moody atmosphere.
Is #21232d readable on white or black?
#21232d has a 15.63:1 contrast ratio on white and 1.34: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.