#89BED5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated cyan carries a distinct ashy quality that keeps it from feeling overly childish. Because it maintains high contrast against black text, #89bed5 works effectively as a full-page background in UI design. It pairs well with deep charcoal grays to ground the color, avoiding a washed-out look. The hex code for this pastel blue is #89bed5.
Questions about #89bed5
What is #89bed5 in RGB, HSL and CMYK?
In RGB, #89bed5 is rgb(137, 190, 213), in HSL hsl(198, 48%, 69%) and in CMYK 36%, 11%, 0%, 16%.
Does #89bed5 work well as a background color for website UI?
#89bed5 is an excellent choice for full-page backgrounds because it provides a soft, professional aesthetic without feeling overly saturated or childish. It maintains high legibility when paired with dark text, particularly charcoal or deep gray, which ground the light blue effectively.
How can I pair #89bed5 with other colors in my design?
This ashy cyan shines when placed alongside neutral, darker tones like charcoal or slate, which provide the necessary weight to prevent the color from looking washed out. Avoid pairing it with other high-intensity pastels to maintain its sophisticated, modern character.
Is #89bed5 readable on white or black?
#89bed5 has a 2.02:1 contrast ratio on white and 10.38: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.