#6B7280

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

#6B7280

RGB

rgb(107, 114, 128)

RGBA

rgba(107, 114, 128, 1)

HSL

hsl(220, 8.94%, 46.08%)

HSLA

hsla(220, 9%, 46%, 1)

CMYK

cmyk(16%, 11%, 0%, 50%)

Color Palettes

Harmonious color combinations based on #6B7280

Monochromatic

Shades and tints of the same hue

#17191C

#464A53

#747C8B

#ACB0B9

#E3E5E8

Analogous

Adjacent colors on the color wheel

#6B8079

#6B7C80

#6B7280

#6E6B80

#796B80

Complementary

Opposite color for maximum contrast

#6B7280

#80796B

Triadic

Three evenly spaced colors

#6B7280

#806B72

#72806B

CSS Usage Examples

Background

background-color: #6B7280;

Text

color: #6B7280;

Border

border: 2px solid #6B7280;

Shadow

box-shadow: 0 4px 6px #6B728040;

Related Colors

Discover harmonious color variations

Complementary

#80796B

Opposite on color wheel

Lighter

#A1A6B0

+20% lightness

Darker

#3D4148

-20% lightness

Analogous -30°

#6B7D80

Adjacent color

Analogous +30°

#6F6B80

Adjacent color