#99BFFD Hex Color

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

Hex color #99bffd graphic
#99bffd is a pale, cool blue with pastel lightness and a clean, lightly glowing finish. Its brightness gives designs a gentle, youthful feel, while the blue base supports trust in healthcare, finance, security, and technology. Use it as a broad UI background with black text, which reaches about 11.2:1 contrast. The hex code is #99bffd.

Questions about #99bffd

What is #99bffd in RGB, HSL and CMYK?
In RGB, #99bffd is rgb(153, 191, 253), in HSL hsl(217, 96%, 80%) and in CMYK 40%, 25%, 0%, 1%.
What colors pair well with #99bffd?
The best pairings for #99bffd are navy or charcoal for grounded contrast, plus white and soft lavender when you want to keep its airy pastel character and gentle, welcoming mood. Choose a darker partner for text and accents, reserving brighter colors for small highlights.
Does #99bffd read as a warm or cool color?
#99bffd reads as a cool color because its blue base and pale, clean brightness create a fresh, lightly glowing appearance rather than yellow or red warmth, giving layouts a calm, open, and gentle feel. Pair it with warmer neutrals when you need more visual balance.
Is #99bffd readable on white or black?
#99bffd has a 1.87:1 contrast ratio on white and 11.22: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.