#486CE4 Hex Color

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

Hex color #486ce4 graphic
#486ce4 is a vivid, strongly saturated blue with a cool, slightly violet undertone and medium-light value. Its bright energy draws attention without feeling playful, making it useful for calls to action, technology interfaces, finance, and security accents. Use the hex code as a focused accent or bold button color; white text reaches about 4.6:1 contrast for small body text.

Questions about #486ce4

What is #486ce4 in RGB, HSL and CMYK?
In RGB, #486ce4 is rgb(72, 108, 228), in HSL hsl(226, 74%, 59%) and in CMYK 68%, 53%, 0%, 11%. Browse more shades of blue with names and hex codes.
What colors pair well with #486ce4 in a palette?
For a balanced palette, #486ce4 pairs with white or a dark neutral, then gains warmth from muted terracotta or soft gold. Pale blue tints keep the system cohesive, while a near-black neutral gives its saturated blue more structure in interfaces.
Is #486ce4 readable on white or black?
#486ce4 has a 4.62:1 contrast ratio on white and 4.54: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 for body text. Try other pairs in the contrast checker.