#afb983 hex color

In a RGB color space, hex #afb983 is composed of 68.6% red, 72.5% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 29.2% yellow and 27.5% black. It has a hue angle of 71.1 degrees, a saturation of 27.8% and a lightness of 62%. #afb983 color hex could be obtained by blending #ffffff with #5f7307. Closest websafe color is: #99cc99.

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

● #afb983 color description : Slightly desaturated yellow.

The hexadecimal color #afb983 has RGB values of R:175, G:185, B:131 and CMYK values of C:0.05, M:0, Y:0.29, K:0.27. Its decimal value is 11516291.

Hex triplet	afb983	`#afb983`
RGB Decimal	175, 185, 131	`rgb(175,185,131)`
RGB Percent	68.6, 72.5, 51.4	`rgb(68.6%,72.5%,51.4%)`
CMYK	5, 0, 29, 27
HSL	71.1°, 27.8, 62	`hsl(71.1,27.8%,62%)`
HSV (or HSB)	71.1°, 29.2, 72.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.188, -12.49, 26.312
XYZ	39.124, 45.451, 28.183
xyY	0.347, 0.403, 45.451
CIE-LCH	73.188, 29.126, 115.394
CIE-LUV	73.188, -3.367, 37.614
Hunter-Lab	67.417, -14.391, 22.406
Binary	10101111, 10111001, 10000011

#afb983
```
#afb983 rgb(175,185,131)
```
#8d83b9
```
#8d83b9 rgb(141,131,185)
```

Complementary Color

#b9a883
```
#b9a883 rgb(185,168,131)
```
#afb983
```
#afb983 rgb(175,185,131)
```
#94b983
```
#94b983 rgb(148,185,131)
```

Analogous Color

#a883b9
```
#a883b9 rgb(168,131,185)
```
#afb983
```
#afb983 rgb(175,185,131)
```
#8394b9
```
#8394b9 rgb(131,148,185)
```

Split Complementary Color

#b983af
```
#b983af rgb(185,131,175)
```
#afb983
```
#afb983 rgb(175,185,131)
```
#83afb9
```
#83afb9 rgb(131,175,185)
```

Triadic Color

#b98d83
```
#b98d83 rgb(185,141,131)
```
#afb983
```
#afb983 rgb(175,185,131)
```
#83afb9
```
#83afb9 rgb(131,175,185)
```
#8d83b9
```
#8d83b9 rgb(141,131,185)
```

Tetradic Color

#8d9956
```
#8d9956 rgb(141,153,86)
```
#9aa762
```
#9aa762 rgb(154,167,98)
```
#a4b073
```
#a4b073 rgb(164,176,115)
```
#afb983
```
#afb983 rgb(175,185,131)
```
#bac293
```
#bac293 rgb(186,194,147)
```
#c4cba4
```
#c4cba4 rgb(196,203,164)
```
#cfd5b4
```
#cfd5b4 rgb(207,213,180)
```

Monochromatic Color

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

#b9b683
```
#b9b683 rgb(185,182,131)
```
#b8b983
```
#b8b983 rgb(184,185,131)
```
#b4b983
```
#b4b983 rgb(180,185,131)
```
#afb983
```
#afb983 rgb(175,185,131)
```
#abb983
```
#abb983 rgb(171,185,131)
```
#a6b983
```
#a6b983 rgb(166,185,131)
```
#a2b983
```
#a2b983 rgb(162,185,131)
```

Similar Colors

Text with hexadecimal color #afb983

This text has a font color of #afb983.

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

#afb983 background color

This paragraph has a background color of #afb983.

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

#afb983 border color

This element has a border color of #afb983.

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

CSS codes

.text {color:#afb983;}

.background {background-color:#afb983;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d0e08
```
#0d0e08 rgb(13,14,8)
```
#181a0f
```
#181a0f rgb(24,26,15)
```
#242716
```
#242716 rgb(36,39,22)
```
#2f341d
```
#2f341d rgb(47,52,29)
```
#3b4024
```
#3b4024 rgb(59,64,36)
```
#464d2b
```
#464d2b rgb(70,77,43)
```
#525932
```
#525932 rgb(82,89,50)
```
#5d6639
```
#5d6639 rgb(93,102,57)
```
#697240
```
#697240 rgb(105,114,64)
```
#757f48
```
#757f48 rgb(117,127,72)
```
#808b4f
```
#808b4f rgb(128,139,79)
```
#8c9856
```
#8c9856 rgb(140,152,86)
```

Shade Color Variation

#97a45d
```
#97a45d rgb(151,164,93)
```
#9fab6a
```
#9fab6a rgb(159,171,106)
```
#a7b276
```
#a7b276 rgb(167,178,118)
```
#afb983
```
#afb983 rgb(175,185,131)
```
#b7c090
```
#b7c090 rgb(183,192,144)
```
#bfc79c
```
#bfc79c rgb(191,199,156)
```
#c7cea9
```
#c7cea9 rgb(199,206,169)
```
#cfd5b5
```
#cfd5b5 rgb(207,213,181)
```
#d7dcc2
```
#d7dcc2 rgb(215,220,194)
```
#e0e3ce
```
#e0e3ce rgb(224,227,206)
```
#e8ebdb
```
#e8ebdb rgb(232,235,219)
```
#f0f2e7
```
#f0f2e7 rgb(240,242,231)
```
#f8f9f4
```
#f8f9f4 rgb(248,249,244)
```

Tint Color Variation

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

#a1a399
```
#a1a399 rgb(161,163,153)
```
#a6aa92
```
#a6aa92 rgb(166,170,146)
```
#aab28a
```
#aab28a rgb(170,178,138)
```
#afb983
```
#afb983 rgb(175,185,131)
```
#b4c07c
```
#b4c07c rgb(180,192,124)
```
#b8c874
```
#b8c874 rgb(184,200,116)
```
#bdcf6d
```
#bdcf6d rgb(189,207,109)
```
#c2d765
```
#c2d765 rgb(194,215,101)
```
#c6de5e
```
#c6de5e rgb(198,222,94)
```
#cbe656
```
#cbe656 rgb(203,230,86)
```
#d0ed4f
```
#d0ed4f rgb(208,237,79)
```
#d5f547
```
#d5f547 rgb(213,245,71)
```
#d9fc40
```
#d9fc40 rgb(217,252,64)
```

Tone Color Variation

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

#c5b787 Protanopia 1% of men
#d6b08d Deuteranopia 1% of men
#bbb5c2 Tritanopia 0.001% of the population

Trichromacy

#bdb785 Protanomaly 1% of men, 0.01% of women
#c8b389 Deuteranomaly 6% of men, 0.4% of women
#b7b6ab Tritanomaly 0.01% of the population

#afb983 hex color

#afb983 Color Information

#afb983 Color Conversion

Color Schemes with #afb983

Alternatives to #afb983

#afb983 Preview

Shades and Tints of #afb983

Tones of #afb983

Color Blindness Simulator