#220051 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This near-black violet is extremely dark and commands attention in moody UI backgrounds. Because it is so saturated, it works best as a dominant base color rather than an accent. Pair #220051 with sharp, off-white text to achieve high readability, as white creates a striking 17.7:1 contrast ratio. The hex code for this serious, mysterious shade is #220051.
Questions about #220051
What is #220051 in RGB, HSL and CMYK?
In RGB, #220051 is rgb(34, 0, 81), in HSL hsl(265, 100%, 16%) and in CMYK 58%, 100%, 0%, 68%.
How should I use #220051 in a user interface?
Use #220051 as a high-impact base color for backgrounds in dark mode layouts, ensuring you pair it with sharp, off-white text to maintain high readability. Because the color is extremely saturated, it functions best as a dominant field rather than a small accent.
Does #220051 work well with other dark colors?
While #220051 is very dark, it can pair effectively with slate or other cool-toned neutrals to create a sophisticated, monochromatic aesthetic. However, avoid pairing it with black, as the lack of contrast will make the interface feel muddy and illegible.
Is #220051 readable on white or black?
#220051 has a 17.69:1 contrast ratio on white and 1.18: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.