#9CA3AF

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

#9CA3AF

RGB

rgb(156, 163, 175)

RGBA

rgba(156, 163, 175, 1)

HSL

hsl(217.89, 10.61%, 64.9%)

HSLA

hsla(218, 11%, 65%, 1)

CMYK

cmyk(11%, 7%, 0%, 31%)

Color Palettes

Harmonious color combinations based on #9CA3AF

Monochromatic

Shades and tints of the same hue

#17191C

#444A55

#717C8E

#AAB0BB

#E3E5E8

Analogous

Adjacent colors on the color wheel

#9CB0A8

#9CADB0

#9CA3AF

#9F9CB0

#A89CB0

Complementary

Opposite color for maximum contrast

#9CA3AF

#B0A89C

Triadic

Three evenly spaced colors

#9CA3AF

#B09CA3

#A3B09C

CSS Usage Examples

Background

background-color: #9CA3AF;

Text

color: #9CA3AF;

Border

border: 2px solid #9CA3AF;

Shadow

box-shadow: 0 4px 6px #9CA3AF40;

Related Colors

Discover harmonious color variations

Complementary

#AFA89C

Opposite on color wheel

Lighter

#D4D7DD

+20% lightness

Darker

#666F7F

-20% lightness

Analogous -30°

#9CACAF

Adjacent color

Analogous +30°

#9F9CAF

Adjacent color