#0396FF Hex Color
An intense and highly saturated electric blue
This intense, saturated blue commands attention without feeling aggressive. Because of its high chroma and brightness, #0396ff works best as a punchy accent color or call-to-action button rather than a primary background. Pair it with dark charcoal for a sophisticated, modern tech aesthetic. This hex code provides strong contrast for black text, ensuring readability when used for UI elements like buttons or notification badges.
Questions about #0396ff
What is #0396ff in RGB, HSL and CMYK?
In RGB, #0396ff is rgb(3, 150, 255), in HSL hsl(205, 100%, 51%) and in CMYK 99%, 41%, 0%, 0%.
How should I use #0396ff in a user interface?
Because #0396ff is so high-chroma, it functions best as a functional accent rather than a background color. Use it for call-to-action buttons or status indicators to grab attention immediately against charcoal or very dark gray backgrounds.
Is #0396ff readable on white or black?
#0396ff has a 3.08:1 contrast ratio on white and 6.81:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.