#7182B7 Color

#7182B7 is rgb(113, 130, 183) in RGB and hsl(225, 33%, 58%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#7182B7

HEX#7182B7

RGBrgb(113, 130, 183)

HSLhsl(225, 33%, 58%)

HSVhsv(225, 38%, 72%)

OKLCHoklch(61.4% 0.083 270.2)

CMYKcmyk(38%, 29%, 0%, 28%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7182B7 Complementary#B7A671 Analogous#71A6B7 Analogous#8271B7 Triadic#B77182 Triadic#82B771

Tints & Shades

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

Tints

#8594C1 #96A3CA #AAB5D4 #BFC7DF #D3D8E9 #E4E7F1

Shades

#556AAA #495C92 #3C4B77 #2E395C #202840 #151A29

Use #7182B7 in Our Tools

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