#7354CF Color

#7354CF is rgb(115, 84, 207) in RGB and hsl(255, 56%, 57%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#7354CF

HEX#7354CF

RGBrgb(115, 84, 207)

HSLhsl(255, 56%, 57%)

HSVhsv(255, 59%, 81%)

OKLCHoklch(54.3% 0.182 290.7)

CMYKcmyk(44%, 59%, 0%, 19%)

Text Contrast & Accessibility

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

TextWhite text5.39:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.9:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#7354CF Complementary#B0CF54 Analogous#5473CF Analogous#B054CF Triadic#CF7354 Triadic#54CF73

Tints & Shades

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

Tints

#866CD5 #9A84DC #AD9CE3 #BEAFE9 #D1C7EF #E5DFF6

Shades

#5A37C3 #4D2FA7 #3E2687 #321E6B #23154C #160D30

Use #7354CF in Our Tools

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