Skip to main content

#5300BB

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
#5300BB
RGB
rgb(83, 0, 187)
RGBA
rgba(83, 0, 187, 1)
HSL
hsl(266.63, 100%, 36.67%)
HSLA
hsla(267, 100%, 37%, 1)
CMYK
cmyk(56%, 100%, 0%, 27%)

Color Palettes

Harmonious color combinations based on #5300BB

Monochromatic

Shades and tints of the same hue

#170033
#450099
#7300FF
#AB66FF
#E3CCFF

Analogous

Adjacent colors on the color wheel

#0068BD
#0009BD
#5300BB
#B300BD
#BD0068

Complementary

Opposite color for maximum contrast

#5300BB
#68BD00

Triadic

Three evenly spaced colors

#5300BB
#BD5500
#00BD55

CSS Usage Examples

Background

background-color: #5300BB;

Text

color: #5300BB;

Border

border: 2px solid #5300BB;

Shadow

box-shadow: 0 4px 6px #5300BB40;
Feedback