#486FC4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue carries a professional, stable character that suits finance and technology interfaces. The hex code #486fc4 offers enough contrast for legible small body text when paired with white. While it lacks the intensity of a primary hue, it works well as a grounding base color in a palette. Pair it with soft cream or light gray to keep your design feeling clean and accessible.
Questions about #486fc4
What is #486fc4 in RGB, HSL and CMYK?
In RGB, #486fc4 is rgb(72, 111, 196), in HSL hsl(221, 51%, 53%) and in CMYK 63%, 43%, 0%, 23%.
What colors pair best with #486fc4 for interface design?
Use #486fc4 alongside neutral tones like soft cream, light gray, or charcoal to maintain high contrast and accessibility. These combinations ensure the blue remains the focal point without overwhelming the viewer's eyes in busy digital environments.
Is #486fc4 readable on white or black?
#486fc4 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.