Color picker

#a7ac80

Conversion

HEX#a7ac80
HEX8#a7ac80ff
RGBrgb(167, 172, 128)
CMYK[0.03,0,0.26,0.33]
Name#a7ac80
HCL[112.63,23.95,68.95]
oklab[0.73,-0.02,0.06]
Num10988672
HSI[65.96,0.18,0.61]
lab[68.95,-9.22,22.11]
Lighten
#d2d4be
Darken
#73784e
Saturate
#b7c16b
Desaturate
#979795
Greyscale
#969696
Brighten
#dadfb3

Color harmonies of #a7ac80

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#a7ac80
#80a7ac
#ac80a7

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#a7ac80
#80ac9b
#8580ac
#ac8091

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#a7ac80
#d0d6a0
#020201
#2b2c21
#545741
#7e8160

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#a7ac80
#ac9f80
#aca880
#a7ac80
#9eac80
#95ac80

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#a7ac80
#80ac8e
#9f80ac

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f9f9f6
#f2f3ed
#ecede4
#e6e7db
#e0e1d2
#d9dbc9
#d3d6c0
#cdd0b6
#c6caad
#c0c4a4
#babe9b
#b4b892
#adb289
#a7ac80

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0c0c09
#181912
#24251b
#303125
#3c3d2e
#484a37
#545640
#5f6249
#6b6f52
#777b5b
#838765
#8f936e
#9ba077
#a7ac80

Contrast Checker

Verify the contrast of a #a7ac80 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

2.371 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
8.856 Very Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #a7ac80

Some examples of color palettes with #a7ac80. View more

Use #a7ac80 in CSS

#a7ac80 as Background Color in CSS
<div style="background-color:#a7ac80">Background Color</div>
#a7ac80 as Text Color in CSS
<div style="color:#a7ac80">Text Color</div>
#a7ac80 as Border Color in CSS
<div style="border-color:#a7ac80">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet