Color picker

#af7c4a

Conversion

HEX#af7c4a
HEX8#af7c4aff
RGBrgb(175, 124, 74)
CMYK[0,0.29,0.58,0.31]
Name#af7c4a
HCL[67.77,37.69,56.11]
oklab[0.63,0.04,0.08]
Num11500618
HSI[29.67,0.4,0.49]
lab[56.11,14.26,34.89]
Lighten
#d0af8f
Darken
#67492c
Saturate
#c87c31
Desaturate
#967c63
Greyscale
#7c7c7c
Brighten
#e2af7d

Color harmonies of #af7c4a

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.
#af7c4a
#4aaf7c
#7c4aaf

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.
#af7c4a
#4aaf4a
#4a7daf
#ae4aaf

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.
#af7c4a
#d99a5c
#050402
#2f2214
#5a4026
#845e38

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.
#af7c4a
#af544a
#af684a
#af7c4a
#af904a
#afa44a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#af7c4a
#69af4a
#544aaf

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
#f9f6f2
#f4ece5
#eee3d8
#e8dacb
#e2d0be
#ddc7b1
#d7bea5
#d1b498
#ccab8b
#c6a17e
#c09871
#ba8f64
#b58557
#af7c4a

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0905
#19120b
#261b10
#322315
#3f2c1a
#4b3520
#583e25
#64472a
#715030
#7d5935
#8a613a
#966a3f
#a37345
#af7c4a

Contrast Checker

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

3.618 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!
5.805 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 #af7c4a

Some examples of color palettes with #af7c4a. View more

Use #af7c4a in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet