#00B0F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon blue is intensely saturated and carries a distinct, sharp coolness. Because of its high visibility, #00b0f0 works best as a 10% accent color for UI elements like buttons or notification badges. Pair it with dark grays or slate to keep the palette grounded, as it can overwhelm larger backgrounds. The hex code for this electric blue is #00b0f0.
Questions about #00b0f0
What is #00b0f0 in RGB, HSL and CMYK?
In RGB, #00b0f0 is rgb(0, 176, 240), in HSL hsl(196, 100%, 47%) and in CMYK 100%, 27%, 0%, 6%.
How should I effectively use #00b0f0 in a user interface?
#00b0f0 functions best as a high-visibility accent color rather than a background shade. Use it sparingly for call-to-action buttons or notification badges to guide user attention, ensuring you balance its intensity against neutral dark grays or charcoal to prevent visual fatigue.
What colors pair well with #00b0f0 for a balanced palette?
Because #00b0f0 carries a sharp, cool intensity, it pairs best with grounded, desaturated tones that allow the blue to pop without fighting for attention. Try combining it with deep slate or dark charcoal to maintain professional readability and visual hierarchy.
Is #00b0f0 readable on white or black?
#00b0f0 has a 2.47:1 contrast ratio on white and 8.46:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.