#5B6770

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

#5B6770

RGB

rgb(91, 103, 112)

RGBA

rgba(91, 103, 112, 1)

HSL

hsl(205.71, 10.34%, 39.8%)

HSLA

hsla(206, 10%, 40%, 1)

CMYK

cmyk(19%, 8%, 0%, 56%)

Color Palettes

Harmonious color combinations based on #5B6770

Monochromatic

Shades and tints of the same hue

#171A1C

#454E54

#73818C

#ABB4BA

#E3E6E8

Analogous

Adjacent colors on the color wheel

#5C7065

#5C706F

#5B6770

#5C5D70

#655C70

Complementary

Opposite color for maximum contrast

#5B6770

#70655C

Triadic

Three evenly spaced colors

#5B6770

#705C67

#67705C

CSS Usage Examples

Background

background-color: #5B6770;

Text

color: #5B6770;

Border

border: 2px solid #5B6770;

Shadow

box-shadow: 0 4px 6px #5B677040;

Related Colors

Discover harmonious color variations

Complementary

#70645B

Opposite on color wheel

Lighter

#8E9AA3

+20% lightness

Darker

#2D3338

-20% lightness

Analogous -30°

#5B706E

Adjacent color

Analogous +30°

#5B5D70

Adjacent color