#5332B3

Purple

HEX

RGB

HSL

About #5332B3 Purple

#5332B3 is a purple color. In the RGB color model, it is composed of 83 red, 50 green, and 179 blue. In the HSL color space, it has a hue of 255°, saturation of 56%, and lightness of 45%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code

Use #5332B3 in your CSS, SCSS, or Tailwind projects.

Color Properties

255°

Hue

56%

Saturation

45%

Lightness

Purple

Color Harmonies

Colors that work well with #5332B3 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #5332B3 against white and black backgrounds.

Aa#5332B3 on White
Contrast Ratio8.48:1
AA AA Large AAA
Aa#5332B3 on Black
Contrast Ratio2.47:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5332B3 across different color formats.

FormatValue
HEX#5332B3
RGBrgb(83, 50, 179)
HSLhsl(255, 56%, 45%)
RGB Decimal83, 50, 179
RGB Percent32.5%, 19.6%, 70.2%
CMYK (approx.)54%, 72%, 0%, 30%

Related Palettes

12 palettes using #5332B3 or similar colors

#161320#2D254B#463A74#553CAE
#111023#242051#362F7E#473EAD
#4E23A9#C03BDD#E87DC6#F4BDC7
#581FAD#D531E8#E77EBD#F3BEC4
#531DAF#C63EDB#EA7BC1#F1C0C7
#5846B9#CC76D5#C63A6B#CE9671
#5C1FAD#CD41D7#E67FB9#F2BFC3
#141320#2D2948#413A74#5144A6
#111023#222050#393677#4742A9
#5646BD#C250D1#C76589#CF916B
#5322C3#B345DE#E779D9#F0ADCB
#5022C3#B045DE#E779DA#F0ADCC