#afb981 hex color

In a RGB color space, hex #afb981 is composed of 68.6% red, 72.5% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 30.3% yellow and 27.5% black. It has a hue angle of 70.7 degrees, a saturation of 28.6% and a lightness of 61.6%. #afb981 color hex could be obtained by blending #ffffff with #5f7303. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 73
- B 51
RGB color chart
- C 5
- M 0
- Y 30
- K 27
CMYK color chart

● #afb981 color description : Slightly desaturated yellow.

The hexadecimal color #afb981 has RGB values of R:175, G:185, B:129 and CMYK values of C:0.05, M:0, Y:0.3, K:0.27. Its decimal value is 11516289.

Hex triplet	afb981	`#afb981`
RGB Decimal	175, 185, 129	`rgb(175,185,129)`
RGB Percent	68.6, 72.5, 50.6	`rgb(68.6%,72.5%,50.6%)`
CMYK	5, 0, 30, 27
HSL	70.7°, 28.6, 61.6	`hsl(70.7,28.6%,61.6%)`
HSV (or HSB)	70.7°, 30.3, 72.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.152, -12.765, 27.326
XYZ	38.99, 45.397, 27.476
xyY	0.349, 0.406, 45.397
CIE-LCH	73.152, 30.161, 115.038
CIE-LUV	73.152, -3.297, 38.866
Hunter-Lab	67.377, -14.616, 22.986
Binary	10101111, 10111001, 10000001

#afb981
```
#afb981 rgb(175,185,129)
```
#8b81b9
```
#8b81b9 rgb(139,129,185)
```

Complementary Color

#b9a781
```
#b9a781 rgb(185,167,129)
```
#afb981
```
#afb981 rgb(175,185,129)
```
#93b981
```
#93b981 rgb(147,185,129)
```

Analogous Color

#a781b9
```
#a781b9 rgb(167,129,185)
```
#afb981
```
#afb981 rgb(175,185,129)
```
#8193b9
```
#8193b9 rgb(129,147,185)
```

Split Complementary Color

#b981af
```
#b981af rgb(185,129,175)
```
#afb981
```
#afb981 rgb(175,185,129)
```
#81afb9
```
#81afb9 rgb(129,175,185)
```

Triadic Color

#b98b81
```
#b98b81 rgb(185,139,129)
```
#afb981
```
#afb981 rgb(175,185,129)
```
#81afb9
```
#81afb9 rgb(129,175,185)
```
#8b81b9
```
#8b81b9 rgb(139,129,185)
```

Tetradic Color

#8d9955
```
#8d9955 rgb(141,153,85)
```
#9aa760
```
#9aa760 rgb(154,167,96)
```
#a5b071
```
#a5b071 rgb(165,176,113)
```
#afb981
```
#afb981 rgb(175,185,129)
```
#b9c291
```
#b9c291 rgb(185,194,145)
```
#c4cba2
```
#c4cba2 rgb(196,203,162)
```
#ced4b2
```
#ced4b2 rgb(206,212,178)
```

Monochromatic Color

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

#b9b581
```
#b9b581 rgb(185,181,129)
```
#b8b981
```
#b8b981 rgb(184,185,129)
```
#b4b981
```
#b4b981 rgb(180,185,129)
```
#afb981
```
#afb981 rgb(175,185,129)
```
#aab981
```
#aab981 rgb(170,185,129)
```
#a6b981
```
#a6b981 rgb(166,185,129)
```
#a1b981
```
#a1b981 rgb(161,185,129)
```

Similar Colors

Text with hexadecimal color #afb981

This text has a font color of #afb981.

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

#afb981 background color

This paragraph has a background color of #afb981.

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

#afb981 border color

This element has a border color of #afb981.

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

CSS codes

.text {color:#afb981;}

.background {background-color:#afb981;}

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

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 #f7f8f2 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0c0d07
```
#0c0d07 rgb(12,13,7)
```
#17190e
```
#17190e rgb(23,25,14)
```
#232615
```
#232615 rgb(35,38,21)
```
#2f331c
```
#2f331c rgb(47,51,28)
```
#3a3f23
```
#3a3f23 rgb(58,63,35)
```
#464c2a
```
#464c2a rgb(70,76,42)
```
#515831
```
#515831 rgb(81,88,49)
```
#5d6538
```
#5d6538 rgb(93,101,56)
```
#69723f
```
#69723f rgb(105,114,63)
```
#747e46
```
#747e46 rgb(116,126,70)
```
#808b4d
```
#808b4d rgb(128,139,77)
```
#8b9754
```
#8b9754 rgb(139,151,84)
```

Shade Color Variation

#97a45b
```
#97a45b rgb(151,164,91)
```
#9fab68
```
#9fab68 rgb(159,171,104)
```
#a7b274
```
#a7b274 rgb(167,178,116)
```
#afb981
```
#afb981 rgb(175,185,129)
```
#b7c08e
```
#b7c08e rgb(183,192,142)
```
#bfc79a
```
#bfc79a rgb(191,199,154)
```
#c7cea7
```
#c7cea7 rgb(199,206,167)
```
#cfd5b3
```
#cfd5b3 rgb(207,213,179)
```
#d7dcc0
```
#d7dcc0 rgb(215,220,192)
```
#dfe3cd
```
#dfe3cd rgb(223,227,205)
```
#e7ead9
```
#e7ead9 rgb(231,234,217)
```
#eff1e6
```
#eff1e6 rgb(239,241,230)
```
#f7f8f2
```
#f7f8f2 rgb(247,248,242)
```

Tint Color Variation

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

#a0a298
```
#a0a298 rgb(160,162,152)
```
#a5aa90
```
#a5aa90 rgb(165,170,144)
```
#aab189
```
#aab189 rgb(170,177,137)
```
#afb981
```
#afb981 rgb(175,185,129)
```
#b4c179
```
#b4c179 rgb(180,193,121)
```
#b9c872
```
#b9c872 rgb(185,200,114)
```
#bed06a
```
#bed06a rgb(190,208,106)
```
#c2d763
```
#c2d763 rgb(194,215,99)
```
#c7df5b
```
#c7df5b rgb(199,223,91)
```
#cce654
```
#cce654 rgb(204,230,84)
```
#d1ee4c
```
#d1ee4c rgb(209,238,76)
```
#d6f545
```
#d6f545 rgb(214,245,69)
```
#dbfd3d
```
#dbfd3d rgb(219,253,61)
```

Tone Color Variation

Below, you can see how #afb981 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
#b0b2a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b785 Protanopia 1% of men
#d7b08b Deuteranopia 1% of men
#bcb5c1 Tritanopia 0.001% of the population

Trichromacy

#bdb783 Protanomaly 1% of men, 0.01% of women
#c8b387 Deuteranomaly 6% of men, 0.4% of women
#b7b6aa Tritanomaly 0.01% of the population

#afb981 hex color

#afb981 Color Information

#afb981 Color Conversion

Color Schemes with #afb981

Alternatives to #afb981

#afb981 Preview

Shades and Tints of #afb981

Tones of #afb981

Color Blindness Simulator