#581DD7

Purple

HEX

RGB

HSL

About #581DD7 Purple

#581DD7 is a purple color. In the RGB color model, it is composed of 88 red, 29 green, and 215 blue. In the HSL color space, it has a hue of 259°, saturation of 76%, and lightness of 48%.

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

Use #581DD7 in your CSS, SCSS, or Tailwind projects.

Color Properties

259°

Hue

76%

Saturation

48%

Lightness

Purple

Color Harmonies

Colors that work well with #581DD7 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #581DD7 against white and black backgrounds.

Aa#581DD7 on White
Contrast Ratio8.17:1
AA AA Large AAA
Aa#581DD7 on Black
Contrast Ratio2.57:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #581DD7 across different color formats.

FormatValue
HEX#581DD7
RGBrgb(88, 29, 215)
HSLhsl(259, 76%, 48%)
RGB Decimal88, 29, 215
RGB Percent34.5%, 11.4%, 84.3%
CMYK (approx.)59%, 87%, 0%, 16%

Related Palettes

12 palettes using #581DD7 or similar colors

#0EB1F1#0138FE#5319E6#C10DF2
#5322C3#B345DE#E779D9#F0ADCB
#5022C3#B045DE#E779DA#F0ADCC
#4126D9#A352E0#E67DE8#F0A8D3
#10B7EF#194CE6#4A14EB#BD04FB
#3E26D9#A052E0#E47DE8#F0A8D4
#12B6ED#0040FF#4913EC#B318E7
#02A1FD#0828F7#6210EF#D110EF
#25F4C0#F42559#5925F4#C0F425
#F4255F#25F4B9#C7F425#5225F4
#193AB3#6635E4#CD83E2#F6BCE5
#1B54B1#4731E7#C176EF#F0C1EB