#047CCD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity blue grabs attention without feeling aggressive. It works best as an accent color for calls to action or UI highlights rather than a full background. Pair it with crisp white or light grays for a modern, tech-focused aesthetic. Because black text maintains a high contrast ratio against this hue, it remains readable in small type. The hex code for this blue is #047ccd.
Questions about #047ccd
What is #047ccd in RGB, HSL and CMYK?
In RGB, #047ccd is rgb(4, 124, 205), in HSL hsl(204, 96%, 41%) and in CMYK 98%, 40%, 0%, 20%.
How should I use #047ccd in UI design?
#047ccd works best as a primary action color for buttons or call-to-action elements rather than as a background. Its high saturation ensures it grabs attention while maintaining excellent readability against white or light gray text.
What colors pair well with #047ccd?
This blue creates a modern aesthetic when paired with charcoal or soft light gray tones. To achieve a more vibrant contrast, consider pairing it with a complementary orange or yellow shade to make elements pop.
Is #047ccd readable on white or black?
#047ccd has a 4.40:1 contrast ratio on white and 4.76: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.