#afa68a hex color

In a RGB color space, hex #afa68a is composed of 68.6% red, 65.1% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.1% magenta, 21.1% yellow and 31.4% black. It has a hue angle of 45.4 degrees, a saturation of 18.8% and a lightness of 61.4%. #afa68a color hex could be obtained by blending #ffffff with #5f4d15. Closest websafe color is: #999999.

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

● #afa68a color description : Dark grayish yellow.

The hexadecimal color #afa68a has RGB values of R:175, G:166, B:138 and CMYK values of C:0, M:0.05, Y:0.21, K:0.31. Its decimal value is 11511434.

Hex triplet	afa68a	`#afa68a`
RGB Decimal	175, 166, 138	`rgb(175,166,138)`
RGB Percent	68.6, 65.1, 54.1	`rgb(68.6%,65.1%,54.1%)`
CMYK	0, 5, 21, 31
HSL	45.4°, 18.8, 61.4	`hsl(45.4,18.8%,61.4%)`
HSV (or HSB)	45.4°, 21.1, 68.6
Web Safe	999999	`#999999`

CIE-LAB	68.184, -1.426, 15.686
XYZ	35.902, 38.222, 29.53
xyY	0.346, 0.369, 38.222
CIE-LCH	68.184, 15.751, 95.193
CIE-LUV	68.184, 7.053, 21.826
Hunter-Lab	61.824, -4.534, 14.957
Binary	10101111, 10100110, 10001010

#afa68a
```
#afa68a rgb(175,166,138)
```
#8a93af
```
#8a93af rgb(138,147,175)
```

Complementary Color

#af948a
```
#af948a rgb(175,148,138)
```
#afa68a
```
#afa68a rgb(175,166,138)
```
#a6af8a
```
#a6af8a rgb(166,175,138)
```

Analogous Color

#948aaf
```
#948aaf rgb(148,138,175)
```
#afa68a
```
#afa68a rgb(175,166,138)
```
#8aa6af
```
#8aa6af rgb(138,166,175)
```

Split Complementary Color

#a68aaf
```
#a68aaf rgb(166,138,175)
```
#afa68a
```
#afa68a rgb(175,166,138)
```
#8aafa6
```
#8aafa6 rgb(138,175,166)
```

Triadic Color

#af8a93
```
#af8a93 rgb(175,138,147)
```
#afa68a
```
#afa68a rgb(175,166,138)
```
#8aafa6
```
#8aafa6 rgb(138,175,166)
```
#8a93af
```
#8a93af rgb(138,147,175)
```

Tetradic Color

#8c8260
```
#8c8260 rgb(140,130,96)
```
#9a8f6c
```
#9a8f6c rgb(154,143,108)
```
#a59a7b
```
#a59a7b rgb(165,154,123)
```
#afa68a
```
#afa68a rgb(175,166,138)
```
#b9b299
```
#b9b299 rgb(185,178,153)
```
#c4bda8
```
#c4bda8 rgb(196,189,168)
```
#cec9b7
```
#cec9b7 rgb(206,201,183)
```

Monochromatic Color

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

#af9d8a
```
#af9d8a rgb(175,157,138)
```
#afa08a
```
#afa08a rgb(175,160,138)
```
#afa38a
```
#afa38a rgb(175,163,138)
```
#afa68a
```
#afa68a rgb(175,166,138)
```
#afa98a
```
#afa98a rgb(175,169,138)
```
#afac8a
```
#afac8a rgb(175,172,138)
```
#afaf8a
```
#afaf8a rgb(175,175,138)
```

Similar Colors

Text with hexadecimal color #afa68a

This text has a font color of #afa68a.

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

#afa68a background color

This paragraph has a background color of #afa68a.

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

#afa68a border color

This element has a border color of #afa68a.

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

CSS codes

.text {color:#afa68a;}

.background {background-color:#afa68a;}

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

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, #0b0a08 is the darkest color, while #fffffe is the lightest one.

#0b0a08
```
#0b0a08 rgb(11,10,8)
```
#171510
```
#171510 rgb(23,21,16)
```
#222018
```
#222018 rgb(34,32,24)
```
#2e2b20
```
#2e2b20 rgb(46,43,32)
```
#3a3527
```
#3a3527 rgb(58,53,39)
```
#45402f
```
#45402f rgb(69,64,47)
```
#514b37
```
#514b37 rgb(81,75,55)
```
#5d563f
```
#5d563f rgb(93,86,63)
```
#686047
```
#686047 rgb(104,96,71)
```
#746b4f
```
#746b4f rgb(116,107,79)
```
#807657
```
#807657 rgb(128,118,87)
```
#8b815f
```
#8b815f rgb(139,129,95)
```
#978b67
```
#978b67 rgb(151,139,103)
```

Shade Color Variation

#9f9473
```
#9f9473 rgb(159,148,115)
```
#a79d7e
```
#a79d7e rgb(167,157,126)
```
#afa68a
```
#afa68a rgb(175,166,138)
```
#b7af96
```
#b7af96 rgb(183,175,150)
```
#bfb8a1
```
#bfb8a1 rgb(191,184,161)
```
#c7c1ad
```
#c7c1ad rgb(199,193,173)
```
#cfc9b9
```
#cfc9b9 rgb(207,201,185)
```
#d7d2c4
```
#d7d2c4 rgb(215,210,196)
```
#dfdbd0
```
#dfdbd0 rgb(223,219,208)
```
#e7e4dc
```
#e7e4dc rgb(231,228,220)
```
#efede7
```
#efede7 rgb(239,237,231)
```
#f7f6f3
```
#f7f6f3 rgb(247,246,243)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#a09e99
```
#a09e99 rgb(160,158,153)
```
#a7a292
```
#a7a292 rgb(167,162,146)
```
#afa68a
```
#afa68a rgb(175,166,138)
```
#b7aa82
```
#b7aa82 rgb(183,170,130)
```
#beae7b
```
#beae7b rgb(190,174,123)
```
#c6b273
```
#c6b273 rgb(198,178,115)
```
#cdb66c
```
#cdb66c rgb(205,182,108)
```
#d5b964
```
#d5b964 rgb(213,185,100)
```
#dcbd5d
```
#dcbd5d rgb(220,189,93)
```
#e4c155
```
#e4c155 rgb(228,193,85)
```
#ecc54d
```
#ecc54d rgb(236,197,77)
```
#f3c946
```
#f3c946 rgb(243,201,70)
```
#fbcd3e
```
#fbcd3e rgb(251,205,62)
```

Tone Color Variation

Below, you can see how #afa68a 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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a5a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3aa8f Protanopia 1% of men
#c3a491 Deuteranopia 1% of men
#b8a5b1 Tritanopia 0.001% of the population

Trichromacy

#b2a88d Protanomaly 1% of men, 0.01% of women
#bca58f Deuteranomaly 6% of men, 0.4% of women
#b4a5a3 Tritanomaly 0.01% of the population

#afa68a hex color

#afa68a Color Information

#afa68a Color Conversion

Color Schemes with #afa68a

Alternatives to #afa68a

#afa68a Preview

Shades and Tints of #afa68a

Tones of #afa68a

Color Blindness Simulator