#480AB2

Vivid Purple

HEX

RGB

HSL

About #480AB2 Vivid Purple

#480AB2 is a vivid purple color. In the RGB color model, it is composed of 72 red, 10 green, and 178 blue. In the HSL color space, it has a hue of 262°, saturation of 89%, and lightness of 37%.

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 #480AB2 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

262°

Hue

89%

Saturation

37%

Lightness

Vivid Purple

Color Harmonies

Colors that work well with #480AB2 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #480AB2 against white and black backgrounds.

Aa#480AB2 on White
Contrast Ratio10.7:1
AA AA Large AAA
Aa#480AB2 on Black
Contrast Ratio1.96:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #480AB2 across different color formats.

FormatValue
HEX#480AB2
RGBrgb(72, 10, 178)
HSLhsl(262, 89%, 37%)
RGB Decimal72, 10, 178
RGB Percent28.2%, 3.9%, 69.8%
CMYK (approx.)60%, 94%, 0%, 30%

Related Palettes

12 palettes using #480AB2 or similar colors

#4615B7#BC3CDC#E184C5#F4BDC8
#3C16B6#B633E5#E283CC#F5BDCC
#3C17B5#B13DDB#E97CCF#F5BCCB
#461CB0#B643D6#E580C8#F2BFCA
#531DAF#C63EDB#EA7BC1#F1C0C7
#3B1FAD#AD3BDE#E97CD3#F4BDCE
#3A20AC#AB38E0#EC79D7#F2BFCF
#581FAD#D531E8#E77EBD#F3BEC4
#5C1CB0#D835E4#EE77BA#F0C1C5
#4E23A9#C03BDD#E87DC6#F4BDC7
#4822C3#A845DE#E779E0#F0ADD0
#5C1FAD#CD41D7#E67FB9#F2BFC3