#afa68f hex color

In a RGB color space, hex #afa68f is composed of 68.6% red, 65.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.1% magenta, 18.3% yellow and 31.4% black. It has a hue angle of 43.1 degrees, a saturation of 16.7% and a lightness of 62.4%. #afa68f color hex could be obtained by blending #ffffff with #5f4d1f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 65
- B 56
RGB color chart
- C 0
- M 5
- Y 18
- K 31
CMYK color chart

● #afa68f color description : Dark grayish orange.

The hexadecimal color #afa68f has RGB values of R:175, G:166, B:143 and CMYK values of C:0, M:0.05, Y:0.18, K:0.31. Its decimal value is 11511439.

Hex triplet	afa68f	`#afa68f`
RGB Decimal	175, 166, 143	`rgb(175,166,143)`
RGB Percent	68.6, 65.1, 56.1	`rgb(68.6%,65.1%,56.1%)`
CMYK	0, 5, 18, 31
HSL	43.1°, 16.7, 62.4	`hsl(43.1,16.7%,62.4%)`
HSV (or HSB)	43.1°, 18.3, 68.6
Web Safe	999999	`#999999`

CIE-LAB	68.292, -0.655, 13.083
XYZ	36.273, 38.37, 31.48
xyY	0.342, 0.362, 38.37
CIE-LCH	68.292, 13.1, 92.867
CIE-LUV	68.292, 6.742, 18.304
Hunter-Lab	61.943, -3.876, 13.229
Binary	10101111, 10100110, 10001111

#afa68f
```
#afa68f rgb(175,166,143)
```
#8f98af
```
#8f98af rgb(143,152,175)
```

Complementary Color

#af968f
```
#af968f rgb(175,150,143)
```
#afa68f
```
#afa68f rgb(175,166,143)
```
#a8af8f
```
#a8af8f rgb(168,175,143)
```

Analogous Color

#968faf
```
#968faf rgb(150,143,175)
```
#afa68f
```
#afa68f rgb(175,166,143)
```
#8fa8af
```
#8fa8af rgb(143,168,175)
```

Split Complementary Color

#a68faf
```
#a68faf rgb(166,143,175)
```
#afa68f
```
#afa68f rgb(175,166,143)
```
#8fafa6
```
#8fafa6 rgb(143,175,166)
```

Triadic Color

#af8f98
```
#af8f98 rgb(175,143,152)
```
#afa68f
```
#afa68f rgb(175,166,143)
```
#8fafa6
```
#8fafa6 rgb(143,175,166)
```
#8f98af
```
#8f98af rgb(143,152,175)
```

Tetradic Color

#8d8265
```
#8d8265 rgb(141,130,101)
```
#9a8e71
```
#9a8e71 rgb(154,142,113)
```
#a49a80
```
#a49a80 rgb(164,154,128)
```
#afa68f
```
#afa68f rgb(175,166,143)
```
#bab29e
```
#bab29e rgb(186,178,158)
```
#c4bead
```
#c4bead rgb(196,190,173)
```
#cfc9bc
```
#cfc9bc rgb(207,201,188)
```

Monochromatic Color

Below, you can see some colors close to #afa68f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#af9e8f
```
#af9e8f rgb(175,158,143)
```
#afa18f
```
#afa18f rgb(175,161,143)
```
#afa38f
```
#afa38f rgb(175,163,143)
```
#afa68f
```
#afa68f rgb(175,166,143)
```
#afa98f
```
#afa98f rgb(175,169,143)
```
#afab8f
```
#afab8f rgb(175,171,143)
```
#afae8f
```
#afae8f rgb(175,174,143)
```

Similar Colors

Text with hexadecimal color #afa68f

This text has a font color of #afa68f.

<span style="color:#afa68f;">Text here</span>

#afa68f background color

This paragraph has a background color of #afa68f.

<p style="background-color:#afa68f;">Content here</p>

#afa68f border color

This element has a border color of #afa68f.

<div style="border:1px solid #afa68f;">Content here</div>

CSS codes

.text {color:#afa68f;}

.background {background-color:#afa68f;}

.border {border:1px solid #afa68f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020202 is the darkest color, while #f9f8f6 is the lightest one.

#020202
```
#020202 rgb(2,2,2)
```
#0e0d0a
```
#0e0d0a rgb(14,13,10)
```
#191712
```
#191712 rgb(25,23,18)
```
#25221a
```
#25221a rgb(37,34,26)
```
#302c22
```
#302c22 rgb(48,44,34)
```
#3c372b
```
#3c372b rgb(60,55,43)
```
#474133
```
#474133 rgb(71,65,51)
```
#534c3b
```
#534c3b rgb(83,76,59)
```
#5e5643
```
#5e5643 rgb(94,86,67)
```
#69614b
```
#69614b rgb(105,97,75)
```
#756b53
```
#756b53 rgb(117,107,83)
```
#80765c
```
#80765c rgb(128,118,92)
```
#8c8164
```
#8c8164 rgb(140,129,100)
```

Shade Color Variation

#968b6d
```
#968b6d rgb(150,139,109)
```
#9f9478
```
#9f9478 rgb(159,148,120)
```
#a79d84
```
#a79d84 rgb(167,157,132)
```
#afa68f
```
#afa68f rgb(175,166,143)
```
#b7af9a
```
#b7af9a rgb(183,175,154)
```
#bfb8a6
```
#bfb8a6 rgb(191,184,166)
```
#c8c1b1
```
#c8c1b1 rgb(200,193,177)
```
#d0cabd
```
#d0cabd rgb(208,202,189)
```
#d8d3c8
```
#d8d3c8 rgb(216,211,200)
```
#e0ddd4
```
#e0ddd4 rgb(224,221,212)
```
#e8e6df
```
#e8e6df rgb(232,230,223)
```
#f0efeb
```
#f0efeb rgb(240,239,235)
```
#f9f8f6
```
#f9f8f6 rgb(249,248,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a09e is the less saturated color, while #f9c645 is the most saturated one.

#a0a09e
```
#a0a09e rgb(160,160,158)
```
#a8a396
```
#a8a396 rgb(168,163,150)
```
#afa68f
```
#afa68f rgb(175,166,143)
```
#b6a988
```
#b6a988 rgb(182,169,136)
```
#beac80
```
#beac80 rgb(190,172,128)
```
#c5b079
```
#c5b079 rgb(197,176,121)
```
#cdb371
```
#cdb371 rgb(205,179,113)
```
#d4b66a
```
#d4b66a rgb(212,182,106)
```
#dbb963
```
#dbb963 rgb(219,185,99)
```
#e3bd5b
```
#e3bd5b rgb(227,189,91)
```
#eac054
```
#eac054 rgb(234,192,84)
```
#f1c34d
```
#f1c34d rgb(241,195,77)
```
#f9c645
```
#f9c645 rgb(249,198,69)
```

Tone Color Variation

Below, you can see how #afa68f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#a6a6a6 Achromatopsia 0.005% of the population
#a8a6a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3aa94 Protanopia 1% of men
#c2a596 Deuteranopia 1% of men
#b7a6b2 Tritanopia 0.001% of the population

Trichromacy

#b1a892 Protanomaly 1% of men, 0.01% of women
#bba593 Deuteranomaly 6% of men, 0.4% of women
#b4a6a5 Tritanomaly 0.01% of the population

#afa68f hex color

#afa68f Color Information

#afa68f Color Conversion

Color Schemes with #afa68f

Alternatives to #afa68f

#afa68f Preview

Shades and Tints of #afa68f

Tones of #afa68f

Color Blindness Simulator