#6A40BF Color

#6A40BF is rgb(106, 64, 191) in RGB and hsl(260, 50%, 50%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6A40BF

HEX#6A40BF

RGBrgb(106, 64, 191)

HSLhsl(260, 50%, 50%)

HSVhsv(260, 66%, 75%)

OKLCHoklch(49.2% 0.188 293.5)

CMYKcmyk(45%, 66%, 0%, 25%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6A40BF Complementary#95BF40 Analogous#4055BF Analogous#AA40BF Triadic#BF6A40 Triadic#40BF6A

Tints & Shades

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

Tints

#7F5BC8 #9475D1 #A990DA #BBA7E2 #CFC2EB #E4DDF4

Shades

#5B37A4 #4F2F8E #402673 #331F5C #241641 #170E2A

Use #6A40BF in Our Tools

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