#004CFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#004cff is a loud, highly saturated blue that demands immediate attention. Due to its intense chroma, it works best as a punchy accent or a bold call to action rather than a background color. While white text is readable against it, using this hex code sparingly prevents visual fatigue. Try pairing it with a soft gray to ground its electric energy.
Questions about #004cff
What is #004cff in RGB, HSL and CMYK?
In RGB, #004cff is rgb(0, 76, 255), in HSL hsl(222, 100%, 50%) and in CMYK 100%, 70%, 0%, 0%.
Where should I use #004cff in UI design?
This blue functions best as an interactive element like a primary button or a focused notification badge. Because #004cff carries such high saturation, avoid using it for large text blocks or full-page backgrounds, as it can strain the eyes over time.
What colors pair well with #004cff?
Is #004cff readable on white or black?
#004cff has a 6.03:1 contrast ratio on white and 3.47: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.