#89BEF3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy blue provides a clean base for UI design. Because the shade is slightly unsaturated, it maintains high readability when paired with black text, boasting a 10.7:1 contrast ratio. The hex code for this color is #89bef3. Use it as a dominant background color, but pair it with charcoal grays instead of pure white to prevent the design from feeling washed out.
Questions about #89bef3
What is #89bef3 in RGB, HSL and CMYK?
In RGB, #89bef3 is rgb(137, 190, 243), in HSL hsl(210, 82%, 75%) and in CMYK 44%, 22%, 0%, 5%. Browse more shades of blue with names and hex codes.
What colors pair well with #89bef3 in a UI design?
Pair #89bef3 with dark charcoal or deep navy tones to anchor the design and improve text readability. Because this blue is bright and slightly unsaturated, it works best when grounded by neutral, dark grays rather than pure white to avoid a washed-out, clinical appearance.
Is #89bef3 readable on white or black?
#89bef3 has a 1.95:1 contrast ratio on white and 10.72: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.