#4169E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue commands immediate attention with its high intensity and cool, electric presence. As a bold accent, #4169e2 cuts through standard UI layouts to highlight calls to action or navigation elements. It pairs surprisingly well with muted mustard yellows, which balance its intensity better than simple neutrals. Because it is highly chromatic, you should avoid using this hex code for large text blocks to prevent eye strain.
Questions about #4169e2
What is #4169e2 in RGB, HSL and CMYK?
In RGB, #4169e2 is rgb(65, 105, 226), in HSL hsl(225, 74%, 57%) and in CMYK 71%, 54%, 0%, 11%.
Does #4169e2 work well with other colors?
This saturated blue balances best when paired with muted mustard yellows or cool neutrals like charcoal. Avoid using it near other highly chromatic colors, as the competition for visual attention can make your layout feel chaotic and difficult to read.
Is #4169e2 safe to use for body text?
Due to its extreme saturation and brightness, #4169e2 is not recommended for large blocks of text or small font sizes. It causes significant eye strain over time and lacks the necessary contrast against standard white or off-white background surfaces.
Is #4169e2 readable on white or black?
#4169e2 has a 4.83:1 contrast ratio on white and 4.34: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.