#6956AE Color

#6956AE is rgb(105, 86, 174) in RGB and hsl(253, 35%, 51%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6956AE

HEX#6956AE

RGBrgb(105, 86, 174)

HSLhsl(253, 35%, 51%)

HSVhsv(253, 51%, 68%)

OKLCHoklch(51.5% 0.135 290.8)

CMYKcmyk(40%, 51%, 0%, 32%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6956AE Complementary#9BAE56 Analogous#566FAE Analogous#9556AE Triadic#AE6956 Triadic#56AE69

Tints & Shades

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

Tints

#7F6EB9 #9183C3 #A69BCF #BCB3DB #D1CBE6 #E3E0F0

Shades

#5A4997 #4E3F83 #3F336B #312853 #231C3B #161226

Use #6956AE in Our Tools

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