#afb49a hex color

In a RGB color space, hex #afb49a is composed of 68.6% red, 70.6% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 14.4% yellow and 29.4% black. It has a hue angle of 71.5 degrees, a saturation of 14.8% and a lightness of 65.5%. #afb49a color hex could be obtained by blending #ffffff with #5f6935. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 71
- B 60
RGB color chart
- C 3
- M 0
- Y 14
- K 29
CMYK color chart

● #afb49a color description : Grayish yellow.

The hexadecimal color #afb49a has RGB values of R:175, G:180, B:154 and CMYK values of C:0.03, M:0, Y:0.14, K:0.29. Its decimal value is 11515034.

Hex triplet	afb49a	`#afb49a`
RGB Decimal	175, 180, 154	`rgb(175,180,154)`
RGB Percent	68.6, 70.6, 60.4	`rgb(68.6%,70.6%,60.4%)`
CMYK	3, 0, 14, 29
HSL	71.5°, 14.8, 65.5	`hsl(71.5,14.8%,65.5%)`
HSV (or HSB)	71.5°, 14.4, 70.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.288, -6.384, 12.679
XYZ	39.832, 44.09, 36.982
xyY	0.329, 0.365, 44.09
CIE-LCH	72.288, 14.195, 116.725
CIE-LUV	72.288, -1.552, 19.047
Hunter-Lab	66.4, -9.121, 13.458
Binary	10101111, 10110100, 10011010

#afb49a
```
#afb49a rgb(175,180,154)
```
#9f9ab4
```
#9f9ab4 rgb(159,154,180)
```

Complementary Color

#b4ac9a
```
#b4ac9a rgb(180,172,154)
```
#afb49a
```
#afb49a rgb(175,180,154)
```
#a2b49a
```
#a2b49a rgb(162,180,154)
```

Analogous Color

#ac9ab4
```
#ac9ab4 rgb(172,154,180)
```
#afb49a
```
#afb49a rgb(175,180,154)
```
#9aa2b4
```
#9aa2b4 rgb(154,162,180)
```

Split Complementary Color

#b49aaf
```
#b49aaf rgb(180,154,175)
```
#afb49a
```
#afb49a rgb(175,180,154)
```
#9aafb4
```
#9aafb4 rgb(154,175,180)
```

Triadic Color

#b49f9a
```
#b49f9a rgb(180,159,154)
```
#afb49a
```
#afb49a rgb(175,180,154)
```
#9aafb4
```
#9aafb4 rgb(154,175,180)
```
#9f9ab4
```
#9f9ab4 rgb(159,154,180)
```

Tetradic Color

#8c936e
```
#8c936e rgb(140,147,110)
```
#989e7d
```
#989e7d rgb(152,158,125)
```
#a3a98b
```
#a3a98b rgb(163,169,139)
```
#afb49a
```
#afb49a rgb(175,180,154)
```
#bbbfa9
```
#bbbfa9 rgb(187,191,169)
```
#c6cab7
```
#c6cab7 rgb(198,202,183)
```
#d2d5c6
```
#d2d5c6 rgb(210,213,198)
```

Monochromatic Color

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

#b4b39a
```
#b4b39a rgb(180,179,154)
```
#b3b49a
```
#b3b49a rgb(179,180,154)
```
#b1b49a
```
#b1b49a rgb(177,180,154)
```
#afb49a
```
#afb49a rgb(175,180,154)
```
#adb49a
```
#adb49a rgb(173,180,154)
```
#abb49a
```
#abb49a rgb(171,180,154)
```
#a9b49a
```
#a9b49a rgb(169,180,154)
```

Similar Colors

Text with hexadecimal color #afb49a

This text has a font color of #afb49a.

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

#afb49a background color

This paragraph has a background color of #afb49a.

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

#afb49a border color

This element has a border color of #afb49a.

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

CSS codes

.text {color:#afb49a;}

.background {background-color:#afb49a;}

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

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, #000000 is the darkest color, while #f6f7f4 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0b0c09
```
#0b0c09 rgb(11,12,9)
```
#161711
```
#161711 rgb(22,23,17)
```
#202219
```
#202219 rgb(32,34,25)
```
#2b2d22
```
#2b2d22 rgb(43,45,34)
```
#36392a
```
#36392a rgb(54,57,42)
```
#404432
```
#404432 rgb(64,68,50)
```
#4b4f3b
```
#4b4f3b rgb(75,79,59)
```
#565a43
```
#565a43 rgb(86,90,67)
```
#61664b
```
#61664b rgb(97,102,75)
```
#6b7154
```
#6b7154 rgb(107,113,84)
```
#767c5c
```
#767c5c rgb(118,124,92)
```
#818765
```
#818765 rgb(129,135,101)
```

Shade Color Variation

#8b936d
```
#8b936d rgb(139,147,109)
```
#949b78
```
#949b78 rgb(148,155,120)
```
#9da383
```
#9da383 rgb(157,163,131)
```
#a6ac8f
```
#a6ac8f rgb(166,172,143)
```
#afb49a
```
#afb49a rgb(175,180,154)
```
#b8bca5
```
#b8bca5 rgb(184,188,165)
```
#c1c5b1
```
#c1c5b1 rgb(193,197,177)
```
#cacdbc
```
#cacdbc rgb(202,205,188)
```
#d3d5c7
```
#d3d5c7 rgb(211,213,199)
```
#dcded2
```
#dcded2 rgb(220,222,210)
```
#e4e6de
```
#e4e6de rgb(228,230,222)
```
#edefe9
```
#edefe9 rgb(237,239,233)
```
#f6f7f4
```
#f6f7f4 rgb(246,247,244)
```

Tint Color Variation

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

#abada1
```
#abada1 rgb(171,173,161)
```
#afb49a
```
#afb49a rgb(175,180,154)
```
#b3bb93
```
#b3bb93 rgb(179,187,147)
```
#b7c28c
```
#b7c28c rgb(183,194,140)
```
#bbc886
```
#bbc886 rgb(187,200,134)
```
#c0cf7f
```
#c0cf7f rgb(192,207,127)
```
#c4d678
```
#c4d678 rgb(196,214,120)
```
#c8dd71
```
#c8dd71 rgb(200,221,113)
```
#cce36b
```
#cce36b rgb(204,227,107)
```
#d0ea64
```
#d0ea64 rgb(208,234,100)
```
#d4f15d
```
#d4f15d rgb(212,241,93)
```
#d9f856
```
#d9f856 rgb(217,248,86)
```
#ddfe50
```
#ddfe50 rgb(221,254,80)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b1ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb49d Protanopia 1% of men
#cdafa2 Deuteranopia 1% of men
#b8b3bf Tritanopia 0.001% of the population

Trichromacy

#b8b49c Protanomaly 1% of men, 0.01% of women
#c2b09f Deuteranomaly 6% of men, 0.4% of women
#b5b3b2 Tritanomaly 0.01% of the population

#afb49a hex color

#afb49a Color Information

#afb49a Color Conversion

Color Schemes with #afb49a

Alternatives to #afb49a

#afb49a Preview

Shades and Tints of #afb49a

Tones of #afb49a

Color Blindness Simulator