#afba83 hex color

In a RGB color space, hex #afba83 is composed of 68.6% red, 72.9% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 0% magenta, 29.6% yellow and 27.1% black. It has a hue angle of 72 degrees, a saturation of 28.5% and a lightness of 62.2%. #afba83 color hex could be obtained by blending #ffffff with #5f7507. Closest websafe color is: #99cc99.

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

● #afba83 color description : Slightly desaturated yellow.

The hexadecimal color #afba83 has RGB values of R:175, G:186, B:131 and CMYK values of C:0.06, M:0, Y:0.3, K:0.27. Its decimal value is 11516547.

Hex triplet	afba83	`#afba83`
RGB Decimal	175, 186, 131	`rgb(175,186,131)`
RGB Percent	68.6, 72.9, 51.4	`rgb(68.6%,72.9%,51.4%)`
CMYK	6, 0, 30, 27
HSL	72°, 28.5, 62.2	`hsl(72,28.5%,62.2%)`
HSV (or HSB)	72°, 29.6, 72.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.461, -13.006, 26.678
XYZ	39.334, 45.87, 28.253
xyY	0.347, 0.404, 45.87
CIE-LCH	73.461, 29.68, 115.99
CIE-LUV	73.461, -3.927, 38.186
Hunter-Lab	67.728, -14.857, 22.676
Binary	10101111, 10111010, 10000011

#afba83
```
#afba83 rgb(175,186,131)
```
#8e83ba
```
#8e83ba rgb(142,131,186)
```

Complementary Color

#baaa83
```
#baaa83 rgb(186,170,131)
```
#afba83
```
#afba83 rgb(175,186,131)
```
#94ba83
```
#94ba83 rgb(148,186,131)
```

Analogous Color

#aa83ba
```
#aa83ba rgb(170,131,186)
```
#afba83
```
#afba83 rgb(175,186,131)
```
#8394ba
```
#8394ba rgb(131,148,186)
```

Split Complementary Color

#ba83af
```
#ba83af rgb(186,131,175)
```
#afba83
```
#afba83 rgb(175,186,131)
```
#83afba
```
#83afba rgb(131,175,186)
```

Triadic Color

#ba8e83
```
#ba8e83 rgb(186,142,131)
```
#afba83
```
#afba83 rgb(175,186,131)
```
#83afba
```
#83afba rgb(131,175,186)
```
#8e83ba
```
#8e83ba rgb(142,131,186)
```

Tetradic Color

#8d9b56
```
#8d9b56 rgb(141,155,86)
```
#9aa862
```
#9aa862 rgb(154,168,98)
```
#a4b173
```
#a4b173 rgb(164,177,115)
```
#afba83
```
#afba83 rgb(175,186,131)
```
#bac393
```
#bac393 rgb(186,195,147)
```
#c4cca4
```
#c4cca4 rgb(196,204,164)
```
#cfd5b4
```
#cfd5b4 rgb(207,213,180)
```

Monochromatic Color

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

#bab783
```
#bab783 rgb(186,183,131)
```
#b8ba83
```
#b8ba83 rgb(184,186,131)
```
#b4ba83
```
#b4ba83 rgb(180,186,131)
```
#afba83
```
#afba83 rgb(175,186,131)
```
#aaba83
```
#aaba83 rgb(170,186,131)
```
#a6ba83
```
#a6ba83 rgb(166,186,131)
```
#a1ba83
```
#a1ba83 rgb(161,186,131)
```

Similar Colors

Text with hexadecimal color #afba83

This text has a font color of #afba83.

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

#afba83 background color

This paragraph has a background color of #afba83.

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

#afba83 border color

This element has a border color of #afba83.

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

CSS codes

.text {color:#afba83;}

.background {background-color:#afba83;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0d0f08
```
#0d0f08 rgb(13,15,8)
```
#191b0f
```
#191b0f rgb(25,27,15)
```
#242816
```
#242816 rgb(36,40,22)
```
#30341d
```
#30341d rgb(48,52,29)
```
#3b4124
```
#3b4124 rgb(59,65,36)
```
#474e2b
```
#474e2b rgb(71,78,43)
```
#525a32
```
#525a32 rgb(82,90,50)
```
#5e6739
```
#5e6739 rgb(94,103,57)
```
#697340
```
#697340 rgb(105,115,64)
```
#758047
```
#758047 rgb(117,128,71)
```
#808d4e
```
#808d4e rgb(128,141,78)
```
#8c9955
```
#8c9955 rgb(140,153,85)
```

Shade Color Variation

#97a55d
```
#97a55d rgb(151,165,93)
```
#9fac6a
```
#9fac6a rgb(159,172,106)
```
#a7b376
```
#a7b376 rgb(167,179,118)
```
#afba83
```
#afba83 rgb(175,186,131)
```
#b7c190
```
#b7c190 rgb(183,193,144)
```
#bfc89c
```
#bfc89c rgb(191,200,156)
```
#c7cfa9
```
#c7cfa9 rgb(199,207,169)
```
#d0d6b5
```
#d0d6b5 rgb(208,214,181)
```
#d8ddc2
```
#d8ddc2 rgb(216,221,194)
```
#e0e4cf
```
#e0e4cf rgb(224,228,207)
```
#e8ebdb
```
#e8ebdb rgb(232,235,219)
```
#f0f2e8
```
#f0f2e8 rgb(240,242,232)
```
#f8f9f4
```
#f8f9f4 rgb(248,249,244)
```

Tint Color Variation

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

#a2a499
```
#a2a499 rgb(162,164,153)
```
#a6ab92
```
#a6ab92 rgb(166,171,146)
```
#abb38a
```
#abb38a rgb(171,179,138)
```
#afba83
```
#afba83 rgb(175,186,131)
```
#b3c17c
```
#b3c17c rgb(179,193,124)
```
#b8c974
```
#b8c974 rgb(184,201,116)
```
#bcd06d
```
#bcd06d rgb(188,208,109)
```
#c1d865
```
#c1d865 rgb(193,216,101)
```
#c5df5e
```
#c5df5e rgb(197,223,94)
```
#cae756
```
#cae756 rgb(202,231,86)
```
#ceee4f
```
#ceee4f rgb(206,238,79)
```
#d3f548
```
#d3f548 rgb(211,245,72)
```
#d7fd40
```
#d7fd40 rgb(215,253,64)
```

Tone Color Variation

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

#c5b887 Protanopia 1% of men
#d7b18d Deuteranopia 1% of men
#bbb6c3 Tritanopia 0.001% of the population

Trichromacy

#bdb885 Protanomaly 1% of men, 0.01% of women
#c8b489 Deuteranomaly 6% of men, 0.4% of women
#b7b7ab Tritanomaly 0.01% of the population

#afba83 hex color

#afba83 Color Information

#afba83 Color Conversion

Color Schemes with #afba83

Alternatives to #afba83

#afba83 Preview

Shades and Tints of #afba83

Tones of #afba83

Color Blindness Simulator