#503B95

Purple

HEX

RGB

HSL

About #503B95 Purple

#503B95 is a purple color. In the RGB color model, it is composed of 80 red, 59 green, and 149 blue. In the HSL color space, it has a hue of 254°, saturation of 43%, and lightness of 41%.

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

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

Beautiful Gradients

Color Properties

254°

Hue

43%

Saturation

41%

Lightness

Purple

Color Harmonies

Colors that work well with #503B95 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #503B95 against white and black backgrounds.

Aa#503B95 on White
Contrast Ratio8.75:1
AA AA Large AAA
Aa#503B95 on Black
Contrast Ratio2.4:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #503B95 across different color formats.

FormatValue
HEX#503B95
RGBrgb(80, 59, 149)
HSLhsl(254, 43%, 41%)
RGB Decimal80, 59, 149
RGB Percent31.4%, 23.1%, 58.4%
CMYK (approx.)46%, 60%, 0%, 42%

Related Palettes

12 palettes using #503B95 or similar colors

#F99417#F2BE22#EEEDED#5D3891
#0C134F#1D267D#5C469C#D4ADFC
#121122#252343#373465#484488
#160A29#2F2046#452574#5F418B
#141320#2D2948#413A74#5144A6
#141122#22184E#3E3564#432F9D
#1C1C1C#533483#6F3DC2#EB5B00
#121221#201F51#393875#4C4AA1
#131320#2B2B45#30307E#4949A1
#111222#1F2247#323767#3B4291
#131320#23254D#42436C#4D509D
#111023#222050#393677#4742A9