#6947BD Color

#6947BD is rgb(105, 71, 189) in RGB and hsl(257, 47%, 51%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6947BD

HEX#6947BD

RGBrgb(105, 71, 189)

HSLhsl(257, 47%, 51%)

HSVhsv(257, 62%, 74%)

OKLCHoklch(50% 0.177 292)

CMYKcmyk(44%, 62%, 0%, 26%)

Text Contrast & Accessibility

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

TextWhite text6.49:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#6947BD Complementary#9BBD47 Analogous#4761BD Analogous#A347BD Triadic#BD6947 Triadic#47BD69

Tints & Shades

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

Tints

#7E62C6 #9178CE #A692D8 #BBADE1 #D1C7EB #E3DDF3

Shades

#593BA5 #4D338E #3F2A74 #31205A #231740 #160F29

Use #6947BD in Our Tools

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