#531BBB

Purple

HEX

RGB

HSL

About #531BBB Purple

#531BBB is a purple color. In the RGB color model, it is composed of 83 red, 27 green, and 187 blue. In the HSL color space, it has a hue of 261°, saturation of 75%, and lightness of 42%.

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 & Gradients

Use #531BBB in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

261°

Hue

75%

Saturation

42%

Lightness

Purple

Color Harmonies

Colors that work well with #531BBB based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #531BBB against white and black backgrounds.

Aa#531BBB on White
Contrast Ratio9.37:1
AA AA Large AAA
Aa#531BBB on Black
Contrast Ratio2.24:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #531BBB across different color formats.

FormatValue
HEX#531BBB
RGBrgb(83, 27, 187)
HSLhsl(261, 75%, 42%)
RGB Decimal83, 27, 187
RGB Percent32.5%, 10.6%, 73.3%
CMYK (approx.)56%, 86%, 0%, 27%

Related Palettes

12 palettes using #531BBB or similar colors

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