#2D20FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric blue is highly saturated and intense, commanding immediate attention in any interface. Because it is so dominant, use #2d20ff sparingly as an accent rather than a background color to avoid overwhelming the viewer. It pairs unexpectedly well with warm, muted terracottas to balance its extreme chroma. White text is the only readable choice here, as the hex code provides excellent contrast for accessibility.
Questions about #2d20ff
What is #2d20ff in RGB, HSL and CMYK?
In RGB, #2d20ff is rgb(45, 32, 255), in HSL hsl(243, 100%, 56%) and in CMYK 82%, 87%, 0%, 0%.
How can I effectively use #2d20ff in a UI design without overwhelming the user?
Since #2d20ff is extremely dominant, you should reserve it for specific UI elements like primary call-to-action buttons or navigation highlights. Avoid using it as a large background fill, as its high chroma can quickly cause visual fatigue for the viewer.
What colors pair well with #2d20ff for a balanced palette?
To temper the intensity of #2d20ff, pair it with earthy, desaturated tones like terracotta or warm grays. These muted neutrals ground the electric energy of the blue, creating a sophisticated contrast that feels intentional rather than jarring or cluttered.
Is #2d20ff readable on white or black?
#2d20ff has a 7.60:1 contrast ratio on white and 2.76: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.