#989BC8 Color

#989BC8 is rgb(152, 155, 200) in RGB and hsl(236, 30%, 69%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#989BC8

HEX#989BC8

RGBrgb(152, 155, 200)

HSLhsl(236, 30%, 69%)

HSVhsv(236, 24%, 78%)

OKLCHoklch(70.3% 0.066 281.6)

CMYKcmyk(24%, 23%, 0%, 22%)

Text Contrast & Accessibility

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

TextWhite text2.67:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.86:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#989BC8 Complementary#C8C598 Analogous#98B3C8 Analogous#AD98C8 Triadic#C8989B Triadic#9BC898

Tints & Shades

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

Tints

#A5A8CF #B3B5D6 #C0C2DD #D1D2E6 #DEDFED #EBECF4

Shades

#7A7EB8 #595EA6 #494D88 #393C6A #292B4C #17192B

Use #989BC8 in Our Tools

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