#0065FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, electric blue commands immediate attention. Because it is so intense, #0065ff works best as a punchy accent rather than a background color. It pairs surprisingly well with warm oranges to create high-contrast UI elements. With a 4.9:1 contrast ratio against white, the hex code #0065ff remains fully readable, making it a functional choice for buttons and critical calls to action.
Questions about #0065ff
What is #0065ff in RGB, HSL and CMYK?
In RGB, #0065ff is rgb(0, 101, 255), in HSL hsl(216, 100%, 50%) and in CMYK 100%, 60%, 0%, 0%.
How should I use #0065ff in a UI design?
#0065ff works best as a functional accent rather than a background color because of its high saturation. Use it for primary action buttons or call-to-action elements where you need to draw the user's eye immediately against a neutral, lighter interface.
What colors pair well with #0065ff?
Pair #0065ff with warm, muted oranges to create striking, high-contrast UI elements that feel balanced and modern. The intensity of this blue also allows it to hold its own against charcoal or dark gray text when used in data visualization or bold branding.
Is #0065ff readable on white or black?
#0065ff has a 4.87:1 contrast ratio on white and 4.30: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.