#057DCD Hex Color
An intense and saturated electric blue
This bold, saturated blue carries an intense energy, making it a natural choice for calls to action or UI accents that need immediate attention. It stands out clearly against white backgrounds and provides sufficient contrast for black text, ensuring strong readability. Use this cool tone sparingly rather than as a primary fill. The hex code for this electric shade is #057dcd.
Questions about #057dcd
What is #057dcd in RGB, HSL and CMYK?
In RGB, #057dcd is rgb(5, 125, 205), in HSL hsl(204, 95%, 41%) and in CMYK 98%, 39%, 0%, 20%.
Where should I use #057dcd in a website design?
Reserve #057dcd for functional UI elements like primary buttons, hover states, or notification badges where you need to draw immediate user attention. Because it is so saturated, using it for large text or backgrounds can quickly overwhelm the viewer.
What colors pair well with #057dcd for a balanced palette?
This vibrant blue pairs best with neutral tones like crisp white or soft light gray to maintain readability. For a bolder look, use it alongside complementary orange shades, but ensure the orange is slightly desaturated to avoid clashing with the intensity of #057dcd.
Is #057dcd readable on white or black?
#057dcd has a 4.35:1 contrast ratio on white and 4.82:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.