Skip to main content

#7FABB2

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
#7FABB2
RGB
rgb(127, 171, 178)
RGBA
rgba(127, 171, 178, 1)
HSL
hsl(188.24, 24.88%, 59.8%)
HSLA
hsla(188, 25%, 60%, 1)
CMYK
cmyk(29%, 4%, 0%, 30%)

Color Palettes

Harmonious color combinations based on #7FABB2

Monochromatic

Shades and tints of the same hue

#131E20
#395B60
#60979F
#9FC1C6
#DFEAEC

Analogous

Adjacent colors on the color wheel

#80B386
#80B3A0
#7FABB2
#8092B3
#8680B3

Complementary

Opposite color for maximum contrast

#7FABB2
#B38680

Triadic

Three evenly spaced colors

#7FABB2
#B380AC
#ACB380

CSS Usage Examples

Background

background-color: #7FABB2;

Text

color: #7FABB2;

Border

border: 2px solid #7FABB2;

Shadow

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