#5314B8

Purple

HEX

RGB

HSL

About #5314B8 Purple

#5314B8 is a purple color. In the RGB color model, it is composed of 83 red, 20 green, and 184 blue. In the HSL color space, it has a hue of 263°, saturation of 80%, 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

Use #5314B8 in your CSS, SCSS, or Tailwind projects.

Color Properties

263°

Hue

80%

Saturation

40%

Lightness

Purple

Color Harmonies

Colors that work well with #5314B8 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #5314B8 against white and black backgrounds.

Aa#5314B8 on White
Contrast Ratio9.72:1
AA AA Large AAA
Aa#5314B8 on Black
Contrast Ratio2.16:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5314B8 across different color formats.

FormatValue
HEX#5314B8
RGBrgb(83, 20, 184)
HSLhsl(263, 80%, 40%)
RGB Decimal83, 20, 184
RGB Percent32.5%, 7.8%, 72.2%
CMYK (approx.)55%, 89%, 0%, 28%

Related Palettes

12 palettes using #5314B8 or similar colors

#531DAF#C63EDB#EA7BC1#F1C0C7
#4615B7#BC3CDC#E184C5#F4BDC8
#5C1CB0#D835E4#EE77BA#F0C1C5
#581FAD#D531E8#E77EBD#F3BEC4
#461CB0#B643D6#E580C8#F2BFCA
#5322C3#B345DE#E779D9#F0ADCB
#5C1FAD#CD41D7#E67FB9#F2BFC3
#5022C3#B045DE#E779DA#F0ADCC
#4B22C3#AB45DE#E779DE#F0ADCF
#4822C3#A845DE#E779E0#F0ADD0
#4E23A9#C03BDD#E87DC6#F4BDC7
#6022C3#BF45DE#E779CF#F0ADC6