#7FA9AE

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

#7FA9AE

RGB

rgb(127, 169, 174)

RGBA

rgba(127, 169, 174, 1)

HSL

hsl(186.38, 22.49%, 59.02%)

HSLA

hsla(186, 22%, 59%, 1)

CMYK

cmyk(27%, 3%, 0%, 32%)

Color Palettes

Harmonious color combinations based on #7FA9AE

Monochromatic

Shades and tints of the same hue

#141E1F

#3C5A5D

#63969C

#A2C0C3

#E0EAEB

Analogous

Adjacent colors on the color wheel

#7FAD84

#7FAD9B

#7FA9AE

#7F92AD

#847FAD

Complementary

Opposite color for maximum contrast

#7FA9AE

#AD847F

Triadic

Three evenly spaced colors

#7FA9AE

#AD7FA9

#A9AD7F

CSS Usage Examples

Background

background-color: #7FA9AE;

Text

color: #7FA9AE;

Border

border: 2px solid #7FA9AE;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#AE847F

Opposite on color wheel

Lighter

#BDD3D6

+20% lightness

Darker

#4D757A

-20% lightness

Analogous -30°

#7FAE9B

Adjacent color

Analogous +30°

#7F92AE

Adjacent color