#AFA96E

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

#AFA96E

RGB

rgb(175, 169, 110)

RGBA

rgba(175, 169, 110, 1)

HSL

hsl(54.46, 28.89%, 55.88%)

HSLA

hsla(54, 29%, 56%, 1)

CMYK

cmyk(0%, 3%, 37%, 31%)

Color Palettes

Harmonious color combinations based on #AFA96E

Monochromatic

Shades and tints of the same hue

#211F12

#635E36

#A49D5B

#C9C49C

#EDEBDE

Analogous

Adjacent colors on the color wheel

#AF6E75

#AF886E

#AFA96E

#95AF6E

#75AF6E

Complementary

Opposite color for maximum contrast

#AFA96E

#6E75AF

Triadic

Three evenly spaced colors

#AFA96E

#6EAFA9

#A96EAF

CSS Usage Examples

Background

background-color: #AFA96E;

Text

color: #AFA96E;

Border

border: 2px solid #AFA96E;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#6E74AF

Opposite on color wheel

Lighter

#D3D0B0

+20% lightness

Darker

#767141

-20% lightness

Analogous -30°

#AF896E

Adjacent color

Analogous +30°

#95AF6E

Adjacent color