#00B4F1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, neon cyan, #00b4f1 cuts through interfaces with intense, cool energy. Because it is highly vivid, use this hex code sparingly as a 10% accent color to highlight buttons or call-to-action elements. It pairs surprisingly well with deep charcoal or warm slate grays, which balance its brightness. While legible against black text, avoid using it as a large-scale background to prevent visual fatigue.
Questions about #00b4f1
What is #00b4f1 in RGB, HSL and CMYK?
In RGB, #00b4f1 is rgb(0, 180, 241), in HSL hsl(195, 100%, 47%) and in CMYK 100%, 25%, 0%, 5%. Browse more shades of blue with names and hex codes.
How can I effectively use #00b4f1 without overwhelming my design?
Apply #00b4f1 sparingly as a 10% accent color to draw attention to buttons or key interface elements. Using it as a large-scale background often causes visual fatigue, so balance its brightness against charcoal or deep slate grays.
Is #00b4f1 readable on white or black?
#00b4f1 has a 2.38:1 contrast ratio on white and 8.79: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.