#004ECC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-chroma blue demands attention without feeling aggressive. Because #004ecc carries significant visual weight, it works best as an accent color for calls to action or UI highlights rather than a full background. Pair it with crisp white text to achieve a high-contrast 7.1:1 ratio. The hex code for this saturated blue is #004ecc.
Questions about #004ecc
What is #004ecc in RGB, HSL and CMYK?
In RGB, #004ecc is rgb(0, 78, 204), in HSL hsl(217, 100%, 40%) and in CMYK 100%, 62%, 0%, 20%.
What colors pair well with #004ecc for design work?
#004ecc works exceptionally well with crisp white or light gray backgrounds to ensure maximum readability and impact. For a balanced palette, introduce subtle navy tones for depth or a soft silver to neutralize its intensity.
Is #004ecc suitable for long-form text or backgrounds?
This color is too visually demanding for large backgrounds or body text, as its high saturation can cause eye fatigue over time. Instead, use #004ecc as a purposeful accent to draw the user eye toward buttons and interactive elements.
Is #004ecc readable on white or black?
#004ecc has a 7.09:1 contrast ratio on white and 2.96: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.