#5300B3

Vivid Purple

HEX

RGB

HSL

About #5300B3 Vivid Purple

#5300B3 is a vivid purple color. In the RGB color model, it is composed of 83 red, 0 green, and 179 blue. In the HSL color space, it has a hue of 268°, saturation of 100%, and lightness of 35%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code

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

Color Properties

268°

Hue

100%

Saturation

35%

Lightness

Vivid Purple

Color Harmonies

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

Accessibility

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

Aa#5300B3 on White
Contrast Ratio10.4:1
AA AA Large AAA
Aa#5300B3 on Black
Contrast Ratio2.02:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #5300B3 across different color formats.

FormatValue
HEX#5300B3
RGBrgb(83, 0, 179)
HSLhsl(268, 100%, 35%)
RGB Decimal83, 0, 179
RGB Percent32.5%, 0.0%, 70.2%
CMYK (approx.)54%, 100%, 0%, 30%

Related Palettes

12 palettes using #5300B3 or similar colors

#4615B7#BC3CDC#E184C5#F4BDC8
#581FAD#D531E8#E77EBD#F3BEC4
#3C16B6#B633E5#E283CC#F5BDCC
#3C17B5#B13DDB#E97CCF#F5BCCB
#4E23A9#C03BDD#E87DC6#F4BDC7
#5322C3#B345DE#E779D9#F0ADCB
#5022C3#B045DE#E779DA#F0ADCC
#3B1FAD#AD3BDE#E97CD3#F4BDCE
#3A20AC#AB38E0#EC79D7#F2BFCF
#4022C3#A145DE#E779E5#F0ADD3
#3D22C3#9E45DE#E779E7#F0ADD4
#3B22C3#9C45DE#E579E7#F0ADD5