#7883A1 Color

#7883A1 is rgb(120, 131, 161) in RGB and hsl(224, 18%, 55%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#7883A1

HEX#7883A1

RGBrgb(120, 131, 161)

HSLhsl(224, 18%, 55%)

HSVhsv(224, 25%, 63%)

OKLCHoklch(61.2% 0.047 269.2)

CMYKcmyk(25%, 19%, 0%, 37%)

Text Contrast & Accessibility

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

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

TextBlack text5.56:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#7883A1 Complementary#A19678 Analogous#7897A1 Analogous#8178A1 Triadic#A17883 Triadic#83A178

Tints & Shades

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

Tints

#8A93AD #9CA4BA #AEB4C7 #C3C8D5 #D5D8E2 #E7E9EE

Shades

#647090 #545D78 #454D63 #363D4E #282C39 #171A21

Use #7883A1 in Our Tools

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