Color picker

#87676c

Conversion

HEX#87676c
HEX8#87676cff
RGBrgb(135, 103, 108)
CMYK[0,0.24,0.2,0.47]
Name#87676c
HCL[8.98,13.81,46.89]
oklab[0.55,0.04,0.01]
Num8873836
HSI[351.65,0.11,0.45]
lab[46.89,13.64,2.16]
Lighten
#b59fa2
Darken
#4d3b3e
Saturate
#9f4f5c
Desaturate
#777777
Greyscale
#777777
Brighten
#ba9a9f

Color harmonies of #87676c

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.
#87676c
#6c8767
#676c87

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.
#87676c
#7c8767
#678782
#726787

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.
#87676c
#b1878e
#dca8b0
#070606
#322628
#5c474a

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.
#87676c
#876779
#876772
#87676c
#876867
#876f67

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#87676c
#868767
#677987

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
#f6f4f5
#eee9ea
#e5dee0
#ddd4d5
#d4c9cb
#ccbec0
#c3b3b6
#baa8ab
#b29da1
#a99296
#a1888c
#987d81
#907277
#87676c

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0a0708
#130f0f
#1d1617
#271d1f
#302527
#3a2c2e
#443436
#4d3b3e
#574245
#604a4d
#6a5155
#74585d
#7d6064
#87676c

Contrast Checker

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

5.016 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!
4.187 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!

Color Palettes #87676c

Some examples of color palettes with #87676c. View more

Use #87676c in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet