#486AD1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#486ad1 is a saturated, cool blue with medium-light value and a clear, energetic presence. Its strong chroma supports trust and focus in technology, finance, and healthcare interfaces. Use it for calls to action or small accents beside off-white and charcoal. White text reaches about 4.9:1 contrast, meeting WCAG AA for body text. The hex code is #486ad1.
Questions about #486ad1
What is #486ad1 in RGB, HSL and CMYK?
In RGB, #486ad1 is rgb(72, 106, 209), in HSL hsl(225, 60%, 55%) and in CMYK 66%, 49%, 0%, 18%.
Which colors pair well with #486ad1?
Pair #486ad1 with off-white for a clean, bright base, or use charcoal for grounded text and structure; muted blue-gray and pale cool neutrals can soften its energetic saturation without dulling the blue.
Is #486ad1 readable on white or black?
#486ad1 has a 4.93:1 contrast ratio on white and 4.25: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.