#14B5F7 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

This neon blue is intensely saturated and demands immediate attention. Because of its high chroma, #14b5f7 works best as a sharp accent rather than a background color, where it can easily overwhelm a layout. It pairs well with charcoal grays and deep navies to ground the intensity. If you need to mute this color, learn how to make gray to create better balance in your design.

Questions about #14b5f7

What is #14b5f7 in RGB, HSL and CMYK?

In RGB, #14b5f7 is rgb(20, 181, 247), in HSL hsl(197, 93%, 52%) and in CMYK 92%, 27%, 0%, 3%.

How should I use #14b5f7 without overwhelming a design?

Use #14b5f7 strictly as an accent color for calls-to-action, buttons, or iconography. Because of its intense saturation, it can quickly fatigue the eye if used for large backgrounds or body text, so pair it with neutrals like charcoal or deep navy to ground the design.

Is #14b5f7 readable on white or black?

#14b5f7 has a 2.33:1 contrast ratio on white and 8.98: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.

#14B5F7 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #14b5f7

Color tools

Resources