Skip to main content

#7986BC

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
#7986BC
RGB
rgb(121, 134, 188)
RGBA
rgba(121, 134, 188, 1)
HSL
hsl(228.36, 33.33%, 60.59%)
HSLA
hsla(228, 33%, 61%, 1)
CMYK
cmyk(36%, 29%, 0%, 26%)

Color Palettes

Harmonious color combinations based on #7986BC

Monochromatic

Shades and tints of the same hue

#111422
#333D66
#5566AA
#99A3CC
#DDE0EE

Analogous

Adjacent colors on the color wheel

#7BBCAF
#7BA9BC
#7986BC
#8E7BBC
#AF7BBC

Complementary

Opposite color for maximum contrast

#7986BC
#BCAF7B

Triadic

Three evenly spaced colors

#7986BC
#BC7B88
#88BC7B

CSS Usage Examples

Background

background-color: #7986BC;

Text

color: #7986BC;

Border

border: 2px solid #7986BC;

Shadow

box-shadow: 0 4px 6px #7986BC40;
Feedback