#7986CB

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

#7986CB

RGB

rgb(121, 134, 203)

RGBA

rgba(121, 134, 203, 1)

HSL

hsl(230.49, 44.09%, 63.53%)

HSLA

hsla(230, 44%, 64%, 1)

CMYK

cmyk(40%, 34%, 0%, 20%)

Color Palettes

Harmonious color combinations based on #7986CB

Monochromatic

Shades and tints of the same hue

#0E1225

#2B366E

#475AB8

#919CD4

#DADEF1

Analogous

Adjacent colors on the color wheel

#7BCCBE

#7BB1CC

#7986CB

#967BCC

#BE7BCC

Complementary

Opposite color for maximum contrast

#7986CB

#CCBE7B

Triadic

Three evenly spaced colors

#7986CB

#CC7B88

#88CC7B

CSS Usage Examples

Background

background-color: #7986CB;

Text

color: #7986CB;

Border

border: 2px solid #7986CB;

Shadow

box-shadow: 0 4px 6px #7986CB40;

Related Colors

Discover harmonious color variations

Complementary

#CBBE79

Opposite on color wheel

Lighter

#C2C8E8

+20% lightness

Darker

#3E4EA0

-20% lightness

Analogous -30°

#79AFCB

Adjacent color

Analogous +30°

#9579CB

Adjacent color