#7556DC

Purple

HEX

RGB

HSL

About #7556DC Purple

#7556DC is a purple color. In the RGB color model, it is composed of 117 red, 86 green, and 220 blue. In the HSL color space, it has a hue of 254°, saturation of 66%, and lightness of 60%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #7556DC in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

254°

Hue

66%

Saturation

60%

Lightness

Purple

Color Harmonies

Colors that work well with #7556DC based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #7556DC against white and black backgrounds.

Aa#7556DC on White
Contrast Ratio5.1:1
AA AA Large AAA
Aa#7556DC on Black
Contrast Ratio4.12:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #7556DC across different color formats.

FormatValue
HEX#7556DC
RGBrgb(117, 86, 220)
HSLhsl(254, 66%, 60%)
RGB Decimal117, 86, 220
RGB Percent45.9%, 33.7%, 86.3%
CMYK (approx.)47%, 61%, 0%, 14%

Related Palettes

12 palettes using #7556DC or similar colors

#264DD9#6E52E0#BF7DE8#F0A8ED
#4DE575#754DE5#E5754D#BCF5CB
#4888C9#7456CE#C749C7#D4728A
#7D4DE5#E57D4D#4DE57D#CEBCF5
#2230C3#7845DE#CC79E7#F0ADE5
#68D5C6#6E94D1#8053CD#CC50BD
#222AC3#7D45DE#CF79E7#F0ADE3
#41BFAD#527CBA#7B50CB#BE67B6
#F2F7A1#46C2CB#6D67E4#453C67
#EB7647#47EB76#7647EB#F7CBBA
#7347EB#EB7347#47EB73#CABAF7
#47EB73#7347EB#EB7347#BAF7CA