#396AFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-saturation blue commands attention instantly. Given its boldness, use #396afc sparingly as a UI accent for calls to action rather than a dominant background. It pairs cleanly with white for a modern, tech-forward aesthetic. With a contrast ratio of 4.6:1, black text remains readable. The hex code is #396afc. Understanding what colors make blue helps designers balance its high intensity.
Questions about #396afc
What is #396afc in RGB, HSL and CMYK?
In RGB, #396afc is rgb(57, 106, 252), in HSL hsl(225, 97%, 61%) and in CMYK 77%, 58%, 0%, 1%.
Where should I use #396afc in a user interface?
Use #396afc as a high-impact accent color for primary call-to-action buttons or interactive elements that need to stand out against neutral backgrounds. Because of its high saturation, it can overwhelm the viewer if used for large blocks of text or dominant background areas.
What colors pair well with #396afc for a balanced palette?
Pair #396afc with crisp white to maintain a clean, modern aesthetic or use charcoal for text to ensure high readability. When creating more complex schemes, look for soft, desaturated neutrals to ground the intensity of this vibrant blue and keep your design professional.
Is #396afc readable on white or black?
#396afc has a 4.52:1 contrast ratio on white and 4.64: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.