#696158

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

#696158

RGB

rgb(105, 97, 88)

RGBA

rgba(105, 97, 88, 1)

HSL

hsl(31.76, 8.81%, 37.84%)

HSLA

hsla(32, 9%, 38%, 1)

CMYK

cmyk(0%, 8%, 16%, 59%)

Color Palettes

Harmonious color combinations based on #696158

Monochromatic

Shades and tints of the same hue

#1C1A17

#534D46

#8B8074

#B9B3AC

#E8E6E3

Analogous

Adjacent colors on the color wheel

#6A5860

#6A5958

#696158

#696A58

#606A58

Complementary

Opposite color for maximum contrast

#696158

#58606A

Triadic

Three evenly spaced colors

#696158

#586A61

#61586A

CSS Usage Examples

Background

background-color: #696158;

Text

color: #696158;

Border

border: 2px solid #696158;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#586069

Opposite on color wheel

Lighter

#9D948A

+20% lightness

Darker

#322E29

-20% lightness

Analogous -30°

#695958

Adjacent color

Analogous +30°

#696958

Adjacent color