#6551EC Color

#6551EC is rgb(101, 81, 236) in RGB and hsl(248, 80%, 62%) in HSL. The closest CSS named color is MediumSlateBlue. White text is most readable on this background.

#6551EC

HEX#6551EC

RGBrgb(101, 81, 236)

HSLhsl(248, 80%, 62%)

HSVhsv(248, 66%, 93%)

OKLCHoklch(54.9% 0.222 282.1)

CMYKcmyk(57%, 66%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6551EC Complementary#D7EC51 Analogous#5189EC Analogous#B351EC Triadic#EC6551 Triadic#51EC65

Tints & Shades

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

Tints

#7968EE #8E7EF1 #A295F3 #BAB1F6 #CEC8F9 #E3DFFB

Shades

#452CE8 #2F17CF #2713AA #1F0F85 #160B60 #0D0637

Use #6551EC in Our Tools

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