#7C46E7

Purple

HEX

RGB

HSL

About #7C46E7 Purple

#7C46E7 is a purple color. In the RGB color model, it is composed of 124 red, 70 green, and 231 blue. In the HSL color space, it has a hue of 260°, saturation of 77%, and lightness of 59%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #7C46E7 in your CSS, SCSS, or Tailwind projects.

Color Properties

260°

Hue

77%

Saturation

59%

Lightness

Purple

Color Harmonies

Colors that work well with #7C46E7 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #7C46E7 against white and black backgrounds.

Aa#7C46E7 on White
Contrast Ratio5.4:1
AA AA Large AAA
Aa#7C46E7 on Black
Contrast Ratio3.89:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #7C46E7 across different color formats.

FormatValue
HEX#7C46E7
RGBrgb(124, 70, 231)
HSLhsl(260, 77%, 59%)
RGB Decimal124, 70, 231
RGB Percent48.6%, 27.5%, 90.6%
CMYK (approx.)46%, 70%, 0%, 9%

Related Palettes

12 palettes using #7C46E7 or similar colors

#7847EB#EB7847#47EB78#CDBAF7
#7D4DE5#E57D4D#4DE57D#CEBCF5
#222AC3#7D45DE#CF79E7#F0ADE3
#4DE575#754DE5#E5754D#BCF5CB
#8647EB#EB8647#47EB86#D2BAF7
#2222C3#8545DE#D579E7#F0ADE0
#47EB89#8947EB#EB8947#BAF7D3
#8B47EB#EB8B47#47EB8B#D4BAF7
#6D47EB#EB6D47#47EB6D#C8BAF7
#192EB3#763ADF#DC7AEB#F5BDE0
#1629B6#7A3FD9#DD7BEA#F6BBE0
#1E2FAE#7B41D8#DB7DE8#F7BAE0