#4F86A4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #4f86a4 graphic
The hex code #4f86a4 defines a muted, dusty blue with cool gray undertones and medium lightness. Its restrained saturation gives branding, finance, healthcare, and technology interfaces a dependable, controlled feel. Use it as a supporting tone with navy or warm sand. Black text reaches about 5.3:1 contrast, meeting WCAG AA for body copy.

Questions about #4f86a4

What is #4f86a4 in RGB, HSL and CMYK?
In RGB, #4f86a4 is rgb(79, 134, 164), in HSL hsl(201, 35%, 48%) and in CMYK 52%, 18%, 0%, 36%.
What colors pair well with #4f86a4?
Pair #4f86a4 with navy for a deeper, coordinated blue palette, or use warm sand, cream, and other muted neutrals to balance its cool gray undertones in layouts that need a calm, dependable feel.
Does #4f86a4 read as a warm or cool color?
#4f86a4 reads as a cool color because its blue base is softened by gray rather than yellow or red undertones, giving the shade a calm, controlled presence instead of an energetic or playful one.
Is #4f86a4 readable on white or black?
#4f86a4 has a 3.97:1 contrast ratio on white and 5.27: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.