#afbb83 hex color

In a RGB color space, hex #afbb83 is composed of 68.6% red, 73.3% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 29.9% yellow and 26.7% black. It has a hue angle of 72.9 degrees, a saturation of 29.2% and a lightness of 62.4%. #afbb83 color hex could be obtained by blending #ffffff with #5f7707. 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

● #afbb83 color description : Slightly desaturated yellow.

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

Hex triplet	afbb83	`#afbb83`
RGB Decimal	175, 187, 131	`rgb(175,187,131)`
RGB Percent	68.6, 73.3, 51.4	`rgb(68.6%,73.3%,51.4%)`
CMYK	6, 0, 30, 27
HSL	72.9°, 29.2, 62.4	`hsl(72.9,29.2%,62.4%)`
HSV (or HSB)	72.9°, 29.9, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.735, -13.521, 27.045
XYZ	39.545, 46.293, 28.324
xyY	0.346, 0.406, 46.293
CIE-LCH	73.735, 30.237, 116.563
CIE-LUV	73.735, -4.486, 38.758
Hunter-Lab	68.039, -15.322, 22.946
Binary	10101111, 10111011, 10000011

#afbb83
```
#afbb83 rgb(175,187,131)
```
#8f83bb
```
#8f83bb rgb(143,131,187)
```

Complementary Color

#bbab83
```
#bbab83 rgb(187,171,131)
```
#afbb83
```
#afbb83 rgb(175,187,131)
```
#93bb83
```
#93bb83 rgb(147,187,131)
```

Analogous Color

#ab83bb
```
#ab83bb rgb(171,131,187)
```
#afbb83
```
#afbb83 rgb(175,187,131)
```
#8393bb
```
#8393bb rgb(131,147,187)
```

Split Complementary Color

#bb83af
```
#bb83af rgb(187,131,175)
```
#afbb83
```
#afbb83 rgb(175,187,131)
```
#83afbb
```
#83afbb rgb(131,175,187)
```

Triadic Color

#bb8f83
```
#bb8f83 rgb(187,143,131)
```
#afbb83
```
#afbb83 rgb(175,187,131)
```
#83afbb
```
#83afbb rgb(131,175,187)
```
#8f83bb
```
#8f83bb rgb(143,131,187)
```

Tetradic Color

#8d9c56
```
#8d9c56 rgb(141,156,86)
```
#9aa962
```
#9aa962 rgb(154,169,98)
```
#a4b273
```
#a4b273 rgb(164,178,115)
```
#afbb83
```
#afbb83 rgb(175,187,131)
```
#bac493
```
#bac493 rgb(186,196,147)
```
#c4cda4
```
#c4cda4 rgb(196,205,164)
```
#cfd6b4
```
#cfd6b4 rgb(207,214,180)
```

Monochromatic Color

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

#bbb983
```
#bbb983 rgb(187,185,131)
```
#b8bb83
```
#b8bb83 rgb(184,187,131)
```
#b4bb83
```
#b4bb83 rgb(180,187,131)
```
#afbb83
```
#afbb83 rgb(175,187,131)
```
#aabb83
```
#aabb83 rgb(170,187,131)
```
#a6bb83
```
#a6bb83 rgb(166,187,131)
```
#a1bb83
```
#a1bb83 rgb(161,187,131)
```

Similar Colors

Text with hexadecimal color #afbb83

This text has a font color of #afbb83.

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

#afbb83 background color

This paragraph has a background color of #afbb83.

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

#afbb83 border color

This element has a border color of #afbb83.

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

CSS codes

.text {color:#afbb83;}

.background {background-color:#afbb83;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0e0f08
```
#0e0f08 rgb(14,15,8)
```
#191c0f
```
#191c0f rgb(25,28,15)
```
#252916
```
#252916 rgb(37,41,22)
```
#30351d
```
#30351d rgb(48,53,29)
```
#3c4224
```
#3c4224 rgb(60,66,36)
```
#474f2b
```
#474f2b rgb(71,79,43)
```
#535b32
```
#535b32 rgb(83,91,50)
```
#5e6839
```
#5e6839 rgb(94,104,57)
```
#697540
```
#697540 rgb(105,117,64)
```
#758147
```
#758147 rgb(117,129,71)
```
#808e4e
```
#808e4e rgb(128,142,78)
```
#8c9b55
```
#8c9b55 rgb(140,155,85)
```

Shade Color Variation

#96a65d
```
#96a65d rgb(150,166,93)
```
#9fad6a
```
#9fad6a rgb(159,173,106)
```
#a7b476
```
#a7b476 rgb(167,180,118)
```
#afbb83
```
#afbb83 rgb(175,187,131)
```
#b7c290
```
#b7c290 rgb(183,194,144)
```
#bfc99c
```
#bfc99c rgb(191,201,156)
```
#c8d0a9
```
#c8d0a9 rgb(200,208,169)
```
#d0d7b6
```
#d0d7b6 rgb(208,215,182)
```
#d8dec2
```
#d8dec2 rgb(216,222,194)
```
#e0e5cf
```
#e0e5cf rgb(224,229,207)
```
#e8ecdc
```
#e8ecdc rgb(232,236,220)
```
#f0f3e8
```
#f0f3e8 rgb(240,243,232)
```
#f9faf5
```
#f9faf5 rgb(249,250,245)
```

Tint Color Variation

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

#a2a599
```
#a2a599 rgb(162,165,153)
```
#a7ac92
```
#a7ac92 rgb(167,172,146)
```
#abb48a
```
#abb48a rgb(171,180,138)
```
#afbb83
```
#afbb83 rgb(175,187,131)
```
#b3c27c
```
#b3c27c rgb(179,194,124)
```
#b7ca74
```
#b7ca74 rgb(183,202,116)
```
#bcd16d
```
#bcd16d rgb(188,209,109)
```
#c0d965
```
#c0d965 rgb(192,217,101)
```
#c4e05e
```
#c4e05e rgb(196,224,94)
```
#c8e757
```
#c8e757 rgb(200,231,87)
```
#cdef4f
```
#cdef4f rgb(205,239,79)
```
#d1f648
```
#d1f648 rgb(209,246,72)
```
#d5fd41
```
#d5fd41 rgb(213,253,65)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b3a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b887 Protanopia 1% of men
#d8b18d Deuteranopia 1% of men
#bcb6c3 Tritanopia 0.001% of the population

Trichromacy

#beb985 Protanomaly 1% of men, 0.01% of women
#c9b589 Deuteranomaly 6% of men, 0.4% of women
#b7b8ac Tritanomaly 0.01% of the population

#afbb83 hex color

#afbb83 Color Information

#afbb83 Color Conversion

Color Schemes with #afbb83

Alternatives to #afbb83

#afbb83 Preview

Shades and Tints of #afbb83

Tones of #afbb83

Color Blindness Simulator