#5537B9

Purple

HEX

RGB

HSL

About #5537B9 Purple

#5537B9 is a purple color. In the RGB color model, it is composed of 85 red, 55 green, and 185 blue. In the HSL color space, it has a hue of 254°, saturation of 54%, and lightness of 47%.

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

Color Properties

254°

Hue

54%

Saturation

47%

Lightness

Purple

Color Harmonies

Colors that work well with #5537B9 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #5537B9 against white and black backgrounds.

Aa#5537B9 on White
Contrast Ratio7.97:1
AA AA Large AAA
Aa#5537B9 on Black
Contrast Ratio2.63:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5537B9 across different color formats.

FormatValue
HEX#5537B9
RGBrgb(85, 55, 185)
HSLhsl(254, 54%, 47%)
RGB Decimal85, 55, 185
RGB Percent33.3%, 21.6%, 72.5%
CMYK (approx.)54%, 70%, 0%, 27%

Related Palettes

12 palettes using #5537B9 or similar colors

#161320#2D254B#463A74#553CAE
#5846B9#CC76D5#C63A6B#CE9671
#5646BD#C250D1#C76589#CF916B
#5087BB#6042C0#C777C8#C76B84
#4990C3#533CCA#B74FC1#C35E7F
#111023#242051#362F7E#473EAD
#45BE8A#599BBA#4940C8#AC46C3
#150E25#31254B#4B3A73#6142A9
#5322C3#B345DE#E779D9#F0ADCB
#141320#2D2948#413A74#5144A6
#7DCEBE#5280B8#653BCA#D66CD1
#5022C3#B045DE#E779DA#F0ADCC