#7BAFD4

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

#7BAFD4

RGB

rgb(123, 175, 212)

RGBA

rgba(123, 175, 212, 1)

HSL

hsl(204.94, 50.86%, 65.69%)

HSLA

hsla(205, 51%, 66%, 1)

CMYK

cmyk(42%, 17%, 0%, 17%)

Color Palettes

Harmonious color combinations based on #7BAFD4

Monochromatic

Shades and tints of the same hue

#0C1C27

#255374

#3E8AC1

#8BB9DA

#D8E8F3

Analogous

Adjacent colors on the color wheel

#7CD5A1

#7CD5CD

#7BAFD4

#7C83D5

#A17CD5

Complementary

Opposite color for maximum contrast

#7BAFD4

#D5A17C

Triadic

Three evenly spaced colors

#7BAFD4

#D57CB0

#B0D57C

CSS Usage Examples

Background

background-color: #7BAFD4;

Text

color: #7BAFD4;

Border

border: 2px solid #7BAFD4;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#D4A07B

Opposite on color wheel

Lighter

#C8DEED

+20% lightness

Darker

#397EB0

-20% lightness

Analogous -30°

#7BD4CC

Adjacent color

Analogous +30°

#7B83D4

Adjacent color