#7BA7BC

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

#7BA7BC

RGB

rgb(123, 167, 188)

RGBA

rgba(123, 167, 188, 1)

HSL

hsl(199.38, 32.66%, 60.98%)

HSLA

hsla(199, 33%, 61%, 1)

CMYK

cmyk(35%, 11%, 0%, 26%)

Color Palettes

Harmonious color combinations based on #7BA7BC

Monochromatic

Shades and tints of the same hue

#111D22

#335666

#558FAA

#99BCCC

#DDE9EE

Analogous

Adjacent colors on the color wheel

#7BBC90

#7BBCB0

#7BA7BC

#7B87BC

#907BBC

Complementary

Opposite color for maximum contrast

#7BA7BC

#BC907B

Triadic

Three evenly spaced colors

#7BA7BC

#BC7BA8

#A8BC7B

CSS Usage Examples

Background

background-color: #7BA7BC;

Text

color: #7BA7BC;

Border

border: 2px solid #7BA7BC;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#BC907B

Opposite on color wheel

Lighter

#BFD4DE

+20% lightness

Darker

#46758B

-20% lightness

Analogous -30°

#7BBCB1

Adjacent color

Analogous +30°

#7B87BC

Adjacent color