Color picker

#afad74

Conversion

HEX#afad74
HEX8#afad74ff
RGBrgb(175, 173, 116)
CMYK[0,0.01,0.34,0.31]
Name#afad74
HCL[105.48,30.72,69.66]
oklab[0.74,-0.02,0.07]
Num11513204
HSI[58.29,0.25,0.61]
lab[69.66,-8.2,29.61]
Lighten
#d4d3b5
Darken
#787645
Saturate
#c5c15e
Desaturate
#99998a
Greyscale
#919191
Brighten
#e2e0a7

Color harmonies of #afad74

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.
#afad74
#74afad
#ad74af

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.
#afad74
#74af8f
#7476af
#af7493

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.
#afad74
#d9d790
#050503
#2f2f1f
#5a593c
#848358

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.
#afad74
#af9574
#afa174
#afad74
#a5af74
#99af74

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#afad74
#74af7e
#9574af

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
#f9f9f5
#f4f3eb
#eeede1
#e8e8d7
#e2e2cd
#dddcc3
#d7d6ba
#d1d0b0
#cccaa6
#c6c49c
#c0bf92
#bab988
#b5b37e
#afad74

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0c08
#191911
#262519
#323121
#3f3e29
#4b4a32
#58573a
#646342
#716f4b
#7d7c53
#8a885b
#969463
#a3a16c
#afad74

Contrast Checker

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

2.32 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!
9.052 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 #afad74

Some examples of color palettes with #afad74. View more

Use #afad74 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet