#049CDD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric blue feels professional and secure. Because it commands attention without harshness, #049cdd works best as an accent color or for primary interface buttons rather than full-page backgrounds. Pair it with dark grays or charcoals to avoid a cartoonish look. The hex code for this cool, reliable tone is #049cdd, which offers enough contrast for black text to remain legible in small UI elements.
Questions about #049cdd
What is #049cdd in RGB, HSL and CMYK?
In RGB, #049cdd is rgb(4, 156, 221), in HSL hsl(198, 96%, 44%) and in CMYK 98%, 29%, 0%, 13%. Browse more shades of blue with names and hex codes.
How can I use #049cdd in UI design without overwhelming the viewer?
#049cdd is a saturated, energetic blue that works best when restricted to primary action buttons, links, or specific highlight icons. Because it is so intense, pair it with plenty of neutral white space or charcoal text to keep your layout professional.
Is #049cdd readable on white or black?
#049cdd has a 3.08:1 contrast ratio on white and 6.80: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.