Skip to main content

#6563CC

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
#6563CC
RGB
rgb(101, 99, 204)
RGBA
rgba(101, 99, 204, 1)
HSL
hsl(241.14, 50.72%, 59.41%)
HSLA
hsla(241, 51%, 59%, 1)
CMYK
cmyk(50%, 51%, 0%, 20%)

Color Palettes

Harmonious color combinations based on #6563CC

Monochromatic

Shades and tints of the same hue

#0D0C27
#272574
#413EC1
#8D8BDA
#D9D8F3

Analogous

Adjacent colors on the color wheel

#61CACC
#6195CC
#6563CC
#9861CC
#CC61CA

Complementary

Opposite color for maximum contrast

#6563CC
#CACC61

Triadic

Three evenly spaced colors

#6563CC
#CC6361
#61CC63

CSS Usage Examples

Background

background-color: #6563CC;

Text

color: #6563CC;

Border

border: 2px solid #6563CC;

Shadow

box-shadow: 0 4px 6px #6563CC40;
Feedback