#540CC0

Vivid Purple

HEX

RGB

HSL

About #540CC0 Vivid Purple

#540CC0 is a vivid purple color. In the RGB color model, it is composed of 84 red, 12 green, and 192 blue. In the HSL color space, it has a hue of 264°, saturation of 88%, and lightness of 40%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

264°

Hue

88%

Saturation

40%

Lightness

Vivid Purple

Color Harmonies

Colors that work well with #540CC0 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #540CC0 against white and black backgrounds.

Aa#540CC0 on White
Contrast Ratio9.59:1
AA AA Large AAA
Aa#540CC0 on Black
Contrast Ratio2.19:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #540CC0 across different color formats.

FormatValue
HEX#540CC0
RGBrgb(84, 12, 192)
HSLhsl(264, 88%, 40%)
RGB Decimal84, 12, 192
RGB Percent32.9%, 4.7%, 75.3%
CMYK (approx.)56%, 94%, 0%, 25%

Related Palettes

12 palettes using #540CC0 or similar colors

#4615B7#BC3CDC#E184C5#F4BDC8
#5322C3#B345DE#E779D9#F0ADCB
#5022C3#B045DE#E779DA#F0ADCC
#4B22C3#AB45DE#E779DE#F0ADCF
#5C1CB0#D835E4#EE77BA#F0C1C5
#531DAF#C63EDB#EA7BC1#F1C0C7
#6022C3#BF45DE#E779CF#F0ADC6
#4822C3#A845DE#E779E0#F0ADD0
#461CB0#B643D6#E580C8#F2BFCA
#4522C3#A645DE#E779E2#F0ADD1
#6322C3#C245DE#E779CD#F0ADC4
#581FAD#D531E8#E77EBD#F3BEC4