Skip to main content

#649BED

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
#649BED
RGB
rgb(100, 155, 237)
RGBA
rgba(100, 155, 237, 1)
HSL
hsl(215.91, 79.19%, 66.08%)
HSLA
hsla(216, 79%, 66%, 1)
CMYK
cmyk(58%, 35%, 0%, 7%)

Color Palettes

Harmonious color combinations based on #649BED

Monochromatic

Shades and tints of the same hue

#05152E
#104089
#1B6BE4
#76A6EF
#D1E1FA

Analogous

Adjacent colors on the color wheel

#64EDB6
#64DFED
#649BED
#7264ED
#B664ED

Complementary

Opposite color for maximum contrast

#649BED
#EDB664

Triadic

Three evenly spaced colors

#649BED
#ED649B
#9BED64

CSS Usage Examples

Background

background-color: #649BED;

Text

color: #649BED;

Border

border: 2px solid #649BED;

Shadow

box-shadow: 0 4px 6px #649BED40;
Feedback