#89B2D3 Hex Color

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

Hex color #89b2d3 graphic
The hex code #89b2d3 is a light, dusty pastel blue with cool gray undertones and low saturation. Its softness supports calm, trustworthy interfaces for healthcare, finance, security, and technology. Use it as a dominant background or supporting tone, then add dark navy or charcoal for structure. Black text reaches about 9.4:1 contrast, meeting WCAG AA for body text.

Questions about #89b2d3

What is #89b2d3 in RGB, HSL and CMYK?
In RGB, #89b2d3 is rgb(137, 178, 211), in HSL hsl(207, 46%, 68%) and in CMYK 35%, 16%, 0%, 17%.
What colors pair well with #89b2d3 in a design palette?
The best pairings for #89b2d3 use dark neutrals or restrained warm accents to sharpen its muted blue without making the palette feel harsh, especially in interfaces that need a dependable, low-stress tone. Pair it with navy for structure or a muted warm accent for contrast.
Is #89b2d3 readable on white or black?
#89b2d3 has a 2.24:1 contrast ratio on white and 9.37: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.