#8097A8 Color

#8097A8 is rgb(128, 151, 168) in RGB and hsl(206, 19%, 58%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#8097A8

HEX#8097A8

RGBrgb(128, 151, 168)

HSLhsl(206, 19%, 58%)

HSVhsv(206, 24%, 66%)

OKLCHoklch(66.4% 0.036 240.1)

CMYKcmyk(24%, 10%, 0%, 34%)

Text Contrast & Accessibility

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

TextWhite text3.04:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.91:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#8097A8 Complementary#A89180 Analogous#80A8A6 Analogous#8082A8 Triadic#A88097 Triadic#97A880

Tints & Shades

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

Tints

#92A6B5 #A1B2BF #B3C1CB #C5D0D8 #D8DFE4 #E7EBEE

Shades

#678398 #597082 #485C6A #384752 #27323A #191F24

Use #8097A8 in Our Tools

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