#97BEDD Color

#97BEDD is rgb(151, 190, 221) in RGB and hsl(207, 51%, 73%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#97BEDD

HEX#97BEDD

RGBrgb(151, 190, 221)

HSLhsl(207, 51%, 73%)

HSVhsv(207, 32%, 87%)

OKLCHoklch(78.4% 0.061 242.5)

CMYKcmyk(32%, 14%, 0%, 13%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #97BEDD background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.96:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text10.73:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #97BEDD based on color wheel relationships. Click any swatch for its full breakdown.

Base#97BEDD Complementary#DDB797 Analogous#97DDDA Analogous#979BDD Triadic#DD97BE Triadic#BEDD97

Tints & Shades

Lighter tints and darker shades of #97BEDD, useful for hover states, backgrounds, and text variants.

Tints

#A6C7E2 #B2CFE6 #C1D8EB #CDE0EF #DCE9F4 #E8F0F8

Shades

#71A5D1 #4A8DC4 #3673A6 #2A5B83 #1E405C #112636

Use #97BEDD in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex