#485AF3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, brilliant blue commands immediate attention without feeling aggressive. Because it is highly vivid, use #485af3 as a punchy 10% accent color rather than a dominant base. It works exceptionally well with stark white text, meeting accessibility standards for small body copy. The hex code for this electric, cool-toned indigo is #485af3, making it a reliable choice for modern digital interfaces and bold UI calls to action.
Questions about #485af3
What is #485af3 in RGB, HSL and CMYK?
In RGB, #485af3 is rgb(72, 90, 243), in HSL hsl(234, 88%, 62%) and in CMYK 70%, 63%, 0%, 5%.
What is the best way to use #485af3 in web design?
Use #485af3 sparingly as a high-impact accent for buttons or call-to-action elements rather than a large background. Its high saturation works perfectly against white or charcoal text, ensuring readability while maintaining a professional, modern digital aesthetic for your layout.
Does #485af3 work well with dark mode?
While #485af3 is highly visible, it can vibrate against deep dark backgrounds, so it often requires a subtle glow or a slight shift toward a lighter tone. Pair it with lighter grays or off-whites to maintain contrast without visual strain.
Is #485af3 readable on white or black?
#485af3 has a 5.20:1 contrast ratio on white and 4.03: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.