Skip to main content

#9CB7A4

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
#9CB7A4
RGB
rgb(156, 183, 164)
RGBA
rgba(156, 183, 164, 1)
HSL
hsl(137.78, 15.79%, 66.47%)
HSLA
hsla(138, 16%, 66%, 1)
CMYK
cmyk(15%, 0%, 10%, 28%)

Color Palettes

Harmonious color combinations based on #9CB7A4

Monochromatic

Shades and tints of the same hue

#151E18
#405948
#6B9477
#A6BFAE
#E1EAE4

Analogous

Adjacent colors on the color wheel

#AEB69A
#A0B69A
#9CB7A4
#9AB6B1
#9AAEB6

Complementary

Opposite color for maximum contrast

#9CB7A4
#B69AAE

Triadic

Three evenly spaced colors

#9CB7A4
#A39AB6
#B6A39A

CSS Usage Examples

Background

background-color: #9CB7A4;

Text

color: #9CB7A4;

Border

border: 2px solid #9CB7A4;

Shadow

box-shadow: 0 4px 6px #9CB7A440;
Feedback