#6840F7 Color

#6840F7 is rgb(104, 64, 247) in RGB and hsl(253, 92%, 61%) in HSL. The closest CSS named color is BlueViolet. White text is most readable on this background.

#6840F7

HEX#6840F7

RGBrgb(104, 64, 247)

HSLhsl(253, 92%, 61%)

HSVhsv(253, 74%, 97%)

OKLCHoklch(53.8% 0.253 284)

CMYKcmyk(58%, 74%, 0%, 3%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6840F7 Complementary#CFF740 Analogous#4074F7 Analogous#C340F7 Triadic#F76840 Triadic#40F768

Tints & Shades

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

Tints

#7B59F8 #9276F9 #A68EFA #B9A7FB #CDBFFC #E4DDFE

Shades

#4919F5 #3709DC #2D08B5 #220689 #180462 #0F023B

Use #6840F7 in Our Tools

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