#89B5F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, pastel blue brings a fresh, cool tone to interface designs. Black text reads clearly against this shade, boasting a high 10.0:1 contrast ratio. The hex code for this color is #89b5f4. It pairs well with warm coral accents to prevent the palette from feeling too sterile. Use it for clean backgrounds where reliability and calm are key priorities for your users.
Questions about #89b5f4
What is #89b5f4 in RGB, HSL and CMYK?
In RGB, #89b5f4 is rgb(137, 181, 244), in HSL hsl(215, 83%, 75%) and in CMYK 44%, 26%, 0%, 4%.
What colors pair well with #89b5f4?
Pair #89b5f4 with warm coral or soft terracotta accents to introduce energy and balance out the inherent coolness of this blue. These warm tones prevent the palette from feeling sterile, creating a balanced and professional contrast for digital interfaces.
Is #89b5f4 readable on white or black?
#89b5f4 has a 2.10:1 contrast ratio on white and 9.97: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.