#5D24E0

Purple

HEX

RGB

HSL

About #5D24E0 Purple

#5D24E0 is a purple color. In the RGB color model, it is composed of 93 red, 36 green, and 224 blue. In the HSL color space, it has a hue of 258°, saturation of 75%, and lightness of 51%.

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 #5D24E0 in your CSS, SCSS, or Tailwind projects.

Color Properties

258°

Hue

75%

Saturation

51%

Lightness

Purple

Color Harmonies

Colors that work well with #5D24E0 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #5D24E0 against white and black backgrounds.

Aa#5D24E0 on White
Contrast Ratio7.52:1
AA AA Large AAA
Aa#5D24E0 on Black
Contrast Ratio2.79:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5D24E0 across different color formats.

FormatValue
HEX#5D24E0
RGBrgb(93, 36, 224)
HSLhsl(258, 75%, 51%)
RGB Decimal93, 36, 224
RGB Percent36.5%, 14.1%, 87.8%
CMYK (approx.)58%, 84%, 0%, 12%

Related Palettes

12 palettes using #5D24E0 or similar colors

#0EB1F1#0138FE#5319E6#C10DF2
#193AB3#6635E4#CD83E2#F6BCE5
#25F4C0#F42559#5925F4#C0F425
#F4255F#25F4B9#C7F425#5225F4
#2138AB#6F35E3#D57FE6#F6BCE2
#BBF91F#5D1FF9#1FF9CA#F91F4E
#02A1FD#0828F7#6210EF#D110EF
#25F4D5#F42544#6D25F4#ABF425
#BFF91F#591FF9#1FF9C6#F91F52
#1B54B1#4731E7#C176EF#F0C1EB
#1954B3#4732E7#BD84E1#F6BBEF
#10B7EF#194CE6#4A14EB#BD04FB