#6963AB Color

#6963AB is rgb(105, 99, 171) in RGB and hsl(245, 30%, 53%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6963AB

HEX#6963AB

RGBrgb(105, 99, 171)

HSLhsl(245, 30%, 53%)

HSVhsv(245, 42%, 67%)

OKLCHoklch(53.8% 0.111 285.8)

CMYKcmyk(39%, 42%, 0%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6963AB Complementary#A5AB63 Analogous#6381AB Analogous#8D63AB Triadic#AB6963 Triadic#63AB69

Tints & Shades

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

Tints

#7C77B6 #938EC2 #A6A2CD #BCB9DA #CFCDE4 #E6E4F1

Shades

#585298 #4B4681 #3D396A #302D53 #22203C #151424

Use #6963AB in Our Tools

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