Color picker

#cc8a60

Conversion

HEX#cc8a60
HEX8#cc8a60ff
RGBrgb(204, 138, 96)
CMYK[0,0.32,0.53,0.2]
Name#cc8a60
HCL[57.7,38.56,63.23]
oklab[0.69,0.06,0.08]
Num13404768
HSI[22.69,0.34,0.57]
lab[63.23,20.61,32.59]
Lighten
#e5c3ad
Darken
#965830
Saturate
#e1854b
Desaturate
#b78f75
Greyscale
#969696
Brighten
#ffbd93

Color harmonies of #cc8a60

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.
#cc8a60
#60cc8a
#8a60cc

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.
#cc8a60
#6ccc60
#60a2cc
#c060cc

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.
#cc8a60
#f6a774
#221710
#4c3424
#775038
#a16d4c

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.
#cc8a60
#cc6061
#cc7460
#cc8a60
#cca060
#ccb560

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cc8a60
#8ccc60
#6061cc

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
#fbf7f4
#f8eee8
#f4e6dd
#f0ded2
#edd5c6
#e9cdbb
#e6c5b0
#e2bca4
#deb499
#dbab8d
#d7a382
#d39b77
#d0926b
#cc8a60

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f0a07
#1d140e
#2c1e15
#3a271b
#493122
#573b29
#664530
#754f37
#83593e
#926345
#a06c4b
#af7652
#bd8059
#cc8a60

Contrast Checker

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

2.849 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!
7.372 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 #cc8a60

Some examples of color palettes with #cc8a60. View more

Use #cc8a60 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet