#2421EF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma blue demands attention with its intense, electric saturation. Because #2421ef is so aggressive, it works best as a punchy accent color rather than a dominant background. White text pops against this shade with excellent legibility, making it a strong choice for UI calls to action. Use this hex code sparingly to avoid overwhelming your layout with its heavy visual weight.
Questions about #2421ef
What is #2421ef in RGB, HSL and CMYK?
In RGB, #2421ef is rgb(36, 33, 239), in HSL hsl(241, 87%, 53%) and in CMYK 85%, 86%, 0%, 6%.
Where should I use the #2421ef color in my design?
Use #2421ef sparingly as a high-impact accent color for interactive elements like buttons or notification badges. Because of its extreme saturation, it can overwhelm a layout if used as a primary background or dominant text color.
What colors pair well with #2421ef?
Pair #2421ef with neutral grays or charcoal to ground its intensity, or use clean white backgrounds to make the blue pop. If you need a complementary scheme, look for soft coral or warm orange tones to balance the cool electric energy.
Is #2421ef readable on white or black?
#2421ef has a 8.27:1 contrast ratio on white and 2.53: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.