Skip to main content

#9CB7A3

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
#9CB7A3
RGB
rgb(156, 183, 163)
RGBA
rgba(156, 183, 163, 1)
HSL
hsl(135.56, 15.79%, 66.47%)
HSLA
hsla(136, 16%, 66%, 1)
CMYK
cmyk(15%, 0%, 11%, 28%)

Color Palettes

Harmonious color combinations based on #9CB7A3

Monochromatic

Shades and tints of the same hue

#151E18
#405947
#6B9476
#A6BFAD
#E1EAE4

Analogous

Adjacent colors on the color wheel

#AFB69A
#A1B69A
#9CB7A3
#9AB6B0
#9AAFB6

Complementary

Opposite color for maximum contrast

#9CB7A3
#B69AAF

Triadic

Three evenly spaced colors

#9CB7A3
#A29AB6
#B6A29A

CSS Usage Examples

Background

background-color: #9CB7A3;

Text

color: #9CB7A3;

Border

border: 2px solid #9CB7A3;

Shadow

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