Skip to main content

#573AFF

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#573AFF
RGB
rgb(87, 58, 255)
RGBA
rgba(87, 58, 255, 1)
HSL
hsl(248.83, 100%, 61.37%)
HSLA
hsla(249, 100%, 61%, 1)
CMYK
cmyk(66%, 77%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #573AFF

Monochromatic

Shades and tints of the same hue

#080033
#170099
#2600FF
#7D66FF
#D4CCFF

Analogous

Adjacent colors on the color wheel

#38E1FF
#387EFF
#573AFF
#B938FF
#FF38E1

Complementary

Opposite color for maximum contrast

#573AFF
#E1FF38

Triadic

Three evenly spaced colors

#573AFF
#FF5638
#38FF56

CSS Usage Examples

Background

background-color: #573AFF;

Text

color: #573AFF;

Border

border: 2px solid #573AFF;

Shadow

box-shadow: 0 4px 6px #573AFF40;
Feedback