#2024FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2024ff is an electric, highly saturated blue that demands attention. Because of its extreme intensity, it functions best as a small 10% accent or a call to action rather than a background color, where it can easily overwhelm the eye. Pair this blue with cool grays or off-whites to ground its energy. The hex code for this color is #2024ff.
Questions about #2024ff
What is #2024ff in RGB, HSL and CMYK?
In RGB, #2024ff is rgb(32, 36, 255), in HSL hsl(239, 100%, 56%) and in CMYK 87%, 86%, 0%, 0%.
How should I use #2024ff without overwhelming my design?
#2024ff is extremely intense and works best as a targeted 10% accent rather than a primary background color. Limit its use to functional elements like call to action buttons or small icons to prevent visual fatigue and maintain user focus.
What colors pair well with #2024ff for a balanced palette?
To ground the high energy of #2024ff, pair it with neutral bases like cool gray or soft off-whites. These neutral pairings prevent the vibrancy of the blue from clashing, creating a professional contrast that feels intentional and well-structured.
Is #2024ff readable on white or black?
#2024ff has a 7.61:1 contrast ratio on white and 2.75: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.