#7C04EC Color

#7C04EC is rgb(124, 4, 236) in RGB and hsl(271, 97%, 47%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#7C04EC

HEX#7C04EC

RGBrgb(124, 4, 236)

HSLhsl(271, 97%, 47%)

HSVhsv(271, 98%, 93%)

OKLCHoklch(50.8% 0.276 296)

CMYKcmyk(47%, 98%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7C04EC Complementary#74EC04 Analogous#0704EC Analogous#EC04E8 Triadic#EC7C04 Triadic#04EC7C

Tints & Shades

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

Tints

#8D18FB #A140FC #B363FD #C486FD #D5AAFE #E9D2FE

Shades

#6C03CE #5C03B0 #4C0292 #3A026F #2A0150 #1A0132

Use #7C04EC in Our Tools

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