#6F60CD Color

#6F60CD is rgb(111, 96, 205) in RGB and hsl(248, 52%, 59%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6F60CD

HEX#6F60CD

RGBrgb(111, 96, 205)

HSLhsl(248, 52%, 59%)

HSVhsv(248, 53%, 80%)

OKLCHoklch(55.8% 0.162 286.2)

CMYKcmyk(46%, 53%, 0%, 20%)

Text Contrast & Accessibility

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

TextWhite text4.96:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.23:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#6F60CD Complementary#BECD60 Analogous#6088CD Analogous#A560CD Triadic#CD6F60 Triadic#60CD6F

Tints & Shades

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

Tints

#8477D4 #958BDA #AAA2E2 #BCB5E8 #D1CDEF #E3E0F5

Shades

#5241C3 #4435A7 #372B88 #2C226D #20184E #130F2F

Use #6F60CD in Our Tools

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