Skip to main content

#7BAAE8

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
#7BAAE8
RGB
rgb(123, 170, 232)
RGBA
rgba(123, 170, 232, 1)
HSL
hsl(214.13, 70.32%, 69.61%)
HSLA
hsla(214, 70%, 70%, 1)
CMYK
cmyk(47%, 27%, 0%, 9%)

Color Palettes

Harmonious color combinations based on #7BAAE8

Monochromatic

Shades and tints of the same hue

#08172B
#174582
#2674D9
#7DABE8
#D4E3F7

Analogous

Adjacent colors on the color wheel

#7DE8BA
#7DE1E8
#7BAAE8
#847DE8
#BA7DE8

Complementary

Opposite color for maximum contrast

#7BAAE8
#E8BA7D

Triadic

Three evenly spaced colors

#7BAAE8
#E87DAB
#ABE87D

CSS Usage Examples

Background

background-color: #7BAAE8;

Text

color: #7BAAE8;

Border

border: 2px solid #7BAAE8;

Shadow

box-shadow: 0 4px 6px #7BAAE840;
Feedback