#98BFF2 Hex Color

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

Select a Color

An airy, unsaturated blue, #98bff2 brings a sense of modern reliability to UI projects. Because it offers high contrast against black text at 11.1:1, it functions well for readable body copy. Use this shade as a calm base, but pair it with deep charcoal or navy to ground the lightness. The hex code for this cool tone is #98bff2.

Questions about #98bff2

What is #98bff2 in RGB, HSL and CMYK?

In RGB, #98bff2 is rgb(152, 191, 242), in HSL hsl(214, 78%, 77%) and in CMYK 37%, 21%, 0%, 5%.

What colors pair well with #98bff2 for professional UI design?

Because #98bff2 is an airy, cool blue, it works best when grounded by deep neutrals like charcoal or navy. These dark contrasts create a professional, readable balance for text-heavy layouts while keeping the interface feeling clean and modern.

Is #98bff2 readable on white or black?

#98bff2 has a 1.89:1 contrast ratio on white and 11.06: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.

#98BFF2 Hex Color

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

Questions about #98bff2

Color tools

Resources