#7BA4DB

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

#7BA4DB

RGB

rgb(123, 164, 219)

RGBA

rgba(123, 164, 219, 1)

HSL

hsl(214.38, 57.14%, 67.06%)

HSLA

hsla(214, 57%, 67%, 1)

CMYK

cmyk(44%, 25%, 0%, 14%)

Color Palettes

Harmonious color combinations based on #7BA4DB

Monochromatic

Shades and tints of the same hue

#0B1828

#214778

#3776C8

#87ADDE

#D7E4F4

Analogous

Adjacent colors on the color wheel

#7BDBB1

#7BD4DB

#7BA4DB

#817BDB

#B17BDB

Complementary

Opposite color for maximum contrast

#7BA4DB

#DBB17B

Triadic

Three evenly spaced colors

#7BA4DB

#DB7BA4

#A4DB7B

CSS Usage Examples

Background

background-color: #7BA4DB;

Text

color: #7BA4DB;

Border

border: 2px solid #7BA4DB;

Shadow

box-shadow: 0 4px 6px #7BA4DB40;

Related Colors

Discover harmonious color variations

Complementary

#DBB27B

Opposite on color wheel

Lighter

#CBDBF1

+20% lightness

Darker

#336EBD

-20% lightness

Analogous -30°

#7BD4DB

Adjacent color

Analogous +30°

#827BDB

Adjacent color