#6B4ECA Color

#6B4ECA is rgb(107, 78, 202) in RGB and hsl(254, 54%, 55%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6B4ECA

HEX#6B4ECA

RGBrgb(107, 78, 202)

HSLhsl(254, 54%, 55%)

HSVhsv(254, 61%, 79%)

OKLCHoklch(52.2% 0.184 289.2)

CMYKcmyk(47%, 61%, 0%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6B4ECA Complementary#ADCA4E Analogous#4E6FCA Analogous#A94ECA Triadic#CA6B4E Triadic#4ECA6B

Tints & Shades

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

Tints

#7F66D1 #937DD8 #A695DF #BDB0E8 #D1C8EF #E5E0F6

Shades

#5738BC #492F9D #3C2782 #2F1E66 #22164B #140D2B

Use #6B4ECA in Our Tools

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