#5A33A4 Color

Inspect #5A33A4 across formats, palettes, contrast and closest named color matches.

Color preview

#5A33A4

Color formats

HEX
#5A33A4
RGB
rgb(90, 51, 164)
RGBA
rgba(90, 51, 164, 1)
HSL
hsl(261, 53%, 42%)
HSV
hsv(261, 69%, 64%)
CMYK
cmyk(45%, 69%, 0%, 36%)
CSS variable
--color-primary: #5A33A4;
Lowercase HEX
#5a33a4

Shades

Tints

Tones

Harmony

CSS snippets for #5A33A4

.color-5a33a4 {
  color: #5A33A4;
  background-color: #5A33A4;
}

Frequently asked questions

What color is #5A33A4?+

#5A33A4 is a HEX color with RGB value rgb(90, 51, 164) and HSL value hsl(261, 53%, 42%). Its closest CSS named color is RebeccaPurple.

What is the closest Tailwind color to #5A33A4?+

The closest Tailwind color is purple-800, available as the bg-purple-800 utility class.

Can I use this color in CSS?+

Yes. You can use the HEX, RGB, HSL or CSS variable output directly in CSS.

Related tools