#C22ED6 Color

#C22ED6 is rgb(194, 46, 214) in RGB and hsl(293, 67%, 51%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#C22ED6

HEX#C22ED6

RGBrgb(194, 46, 214)

HSLhsl(293, 67%, 51%)

HSVhsv(293, 79%, 84%)

OKLCHoklch(60.1% 0.254 322.5)

CMYKcmyk(9%, 79%, 0%, 16%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C22ED6 Complementary#42D62E Analogous#6F2ED6 Analogous#D62E96 Triadic#D6C22E Triadic#2ED6C2

Tints & Shades

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

Tints

#CB4CDC #D266E1 #DB84E7 #E4A1EC #ECBFF2 #F4D9F7

Shades

#AA25BB #9320A2 #781A84 #5D1466 #420E48 #2A092F

Use #C22ED6 in Our Tools

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