Skip to main content

#6486ED

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
#6486ED
RGB
rgb(100, 134, 237)
RGBA
rgba(100, 134, 237, 1)
HSL
hsl(225.11, 79.19%, 66.08%)
HSLA
hsla(225, 79%, 66%, 1)
CMYK
cmyk(58%, 43%, 0%, 7%)

Color Palettes

Harmonious color combinations based on #6486ED

Monochromatic

Shades and tints of the same hue

#050F2E
#102E89
#1B4DE4
#7694EF
#D1DBFA

Analogous

Adjacent colors on the color wheel

#64EDCB
#64CBED
#6486ED
#8664ED
#CB64ED

Complementary

Opposite color for maximum contrast

#6486ED
#EDCB64

Triadic

Three evenly spaced colors

#6486ED
#ED6486
#86ED64

CSS Usage Examples

Background

background-color: #6486ED;

Text

color: #6486ED;

Border

border: 2px solid #6486ED;

Shadow

box-shadow: 0 4px 6px #6486ED40;
Feedback