#0060FA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma blue is electric and demanding, making it a poor choice for large backgrounds but an excellent pick for UI accents and calls to action. Because #0060fa is so saturated, it pairs best with neutral grays or clean white to prevent visual fatigue. It meets WCAG AA standards for white text, so use it confidently for small interface elements. The hex code is #0060fa.
Questions about #0060fa
What is #0060fa in RGB, HSL and CMYK?
In RGB, #0060fa is rgb(0, 96, 250), in HSL hsl(217, 100%, 49%) and in CMYK 100%, 62%, 0%, 2%.
Where should I use #0060fa in a user interface?
Use #0060fa sparingly as a call-to-action button, a notification badge, or a primary link color to leverage its high saturation. Because it is visually demanding, avoid using it for large backgrounds or body text as it causes rapid eye fatigue.
What colors pair well with #0060fa for a balanced design?
Pair #0060fa with charcoal or clean whites to ground its intensity and maintain readability. Neutral grays act as a necessary buffer, allowing this electric blue to stand out without overwhelming the surrounding design elements.
Is #0060fa readable on white or black?
#0060fa has a 5.18:1 contrast ratio on white and 4.05: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.