#AFA689 Color Information


In the RGB color space, #AFA689 is composed of 68.6275% red, 65.098% green, and 53.7255% blue.

In the CMYK color space, #AFA689 is composed of 0% cyan, 5.14% magenta, 21.71% yellow, and 31.37% black,

It has a hue angle of 45.8 degrees, a saturation of 19.19%, and a lightness of 61.18%.

The closest websafe color is #999999.

#AFA689 RGB Values

#AFA689 CMYK Values



#AFA689 Color Conversion


The hexadecimal color #AFA689 has RGB values of R:175, G:166, B:137 and CMYK values of C:0, M:5.14, Y:21.71, K:31.37. It has a decimal value of 11511433.


Hexadecimal #AFA689 #AFA689
RGB Decimal 175, 166, 137 rgb(175, 166, 137)
RGB Percent 68.6275, 65.098, 53.7255 rgb(68.6275%, 65.098%, 53.7255%)
RGB Proportion 0.6863, 0.651, 0.5373 rgb(0.6863, 0.651, 0.5373)
CMYK 0, 5.14, 21.71, 31.37
HSL 45.8ยบ, 19.19, 61.18 hsl(45.8, 19.19%, 61.18%)
Websafe 999999 #999999
XYZ 35.834, 38.195, 29.155
Yxy 38.195, 0.347, 0.37
CIE-LAB 68.164, -1.57, 16.202
CIE-LCH 68.164, 16.278, 95.535
CIE-LUV 68.164, 7.121, 22.513
Hunter-Lab 61.802, -4.656, 15.292

Color Schemes For #AFA689


Colors that go well with #AFA689.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #AFA689


Colors similar to #AFA689.


#AFA689 Preview


Common HTML and CSS shortcodes for #AFA689.

Text with color #AFA689


The quick brown fox jumps over the lazy dog.

<div style="color: #AFA689;">The quick brown fox jumps over the lazy dog.</div>

#AFA689 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #AFA689;">The quick brown fox jumps over the lazy dog.</div>

Border with #AFA689


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #AFA689;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #AFA689


Linear gradient from #AFA689 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#AFA689, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #AFA689


Radial gradient from #AFA689 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#AFA689, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #AFA689 and its Complementary Color


Linear gradient from #AFA689 to #505976.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#AFA689, #505976);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #AFA689 and its Complementary Color


Radial gradient from #AFA689 to #505976.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#AFA689, #505976);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #AFA689; } .background { background-color: #AFA689; } .border { border: 1px solid #AFA689; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #AFA689


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #030302 while the lightest tint is #FEFEFD.

Shades


Tints

Random Colors