#afb771 hex color

In a RGB color space, hex #afb771 is composed of 68.6% red, 71.8% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 38.3% yellow and 28.2% black. It has a hue angle of 66.9 degrees, a saturation of 32.7% and a lightness of 58%. #afb771 color hex could be obtained by blending #ffffe2 with #5f6f00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 72
- B 44
RGB color chart
- C 4
- M 0
- Y 38
- K 28
CMYK color chart

● #afb771 color description : Slightly desaturated yellow.

The hexadecimal color #afb771 has RGB values of R:175, G:183, B:113 and CMYK values of C:0.04, M:0, Y:0.38, K:0.28. Its decimal value is 11515761.

Hex triplet	afb771	`#afb771`
RGB Decimal	175, 183, 113	`rgb(175,183,113)`
RGB Percent	68.6, 71.8, 44.3	`rgb(68.6%,71.8%,44.3%)`
CMYK	4, 0, 38, 28
HSL	66.9°, 32.7, 58	`hsl(66.9,32.7%,58%)`
HSV (or HSB)	66.9°, 38.3, 71.8
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.344, -13.772, 34.661
XYZ	37.593, 44.173, 22.168
xyY	0.362, 0.425, 44.173
CIE-LCH	72.344, 37.297, 111.67
CIE-LUV	72.344, -1.609, 47.212
Hunter-Lab	66.463, -15.347, 26.749
Binary	10101111, 10110111, 01110001

#afb771
```
#afb771 rgb(175,183,113)
```
#7971b7
```
#7971b7 rgb(121,113,183)
```

Complementary Color

#b79c71
```
#b79c71 rgb(183,156,113)
```
#afb771
```
#afb771 rgb(175,183,113)
```
#8cb771
```
#8cb771 rgb(140,183,113)
```

Analogous Color

#9c71b7
```
#9c71b7 rgb(156,113,183)
```
#afb771
```
#afb771 rgb(175,183,113)
```
#718cb7
```
#718cb7 rgb(113,140,183)
```

Split Complementary Color

#b771af
```
#b771af rgb(183,113,175)
```
#afb771
```
#afb771 rgb(175,183,113)
```
#71afb7
```
#71afb7 rgb(113,175,183)
```

Triadic Color

#b77971
```
#b77971 rgb(183,121,113)
```
#afb771
```
#afb771 rgb(175,183,113)
```
#71afb7
```
#71afb7 rgb(113,175,183)
```
#7971b7
```
#7971b7 rgb(121,113,183)
```

Tetradic Color

#89924a
```
#89924a rgb(137,146,74)
```
#99a352
```
#99a352 rgb(153,163,82)
```
#a5ae60
```
#a5ae60 rgb(165,174,96)
```
#afb771
```
#afb771 rgb(175,183,113)
```
#b9c082
```
#b9c082 rgb(185,192,130)
```
#c2c893
```
#c2c893 rgb(194,200,147)
```
#ccd1a4
```
#ccd1a4 rgb(204,209,164)
```

Monochromatic Color

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

#b7ae71
```
#b7ae71 rgb(183,174,113)
```
#b7b371
```
#b7b371 rgb(183,179,113)
```
#b5b771
```
#b5b771 rgb(181,183,113)
```
#afb771
```
#afb771 rgb(175,183,113)
```
#a9b771
```
#a9b771 rgb(169,183,113)
```
#a3b771
```
#a3b771 rgb(163,183,113)
```
#9eb771
```
#9eb771 rgb(158,183,113)
```

Similar Colors

Text with hexadecimal color #afb771

This text has a font color of #afb771.

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

#afb771 background color

This paragraph has a background color of #afb771.

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

#afb771 border color

This element has a border color of #afb771.

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

CSS codes

.text {color:#afb771;}

.background {background-color:#afb771;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d0e07
```
#0d0e07 rgb(13,14,7)
```
#1a1b0e
```
#1a1b0e rgb(26,27,14)
```
#262814
```
#262814 rgb(38,40,20)
```
#32351b
```
#32351b rgb(50,53,27)
```
#3f4222
```
#3f4222 rgb(63,66,34)
```
#4b4f28
```
#4b4f28 rgb(75,79,40)
```
#575c2f
```
#575c2f rgb(87,92,47)
```
#636935
```
#636935 rgb(99,105,53)
```
#70763c
```
#70763c rgb(112,118,60)
```
#7c8343
```
#7c8343 rgb(124,131,67)
```
#889049
```
#889049 rgb(136,144,73)
```
#949d50
```
#949d50 rgb(148,157,80)
```

Shade Color Variation

#a0aa57
```
#a0aa57 rgb(160,170,87)
```
#a8b064
```
#a8b064 rgb(168,176,100)
```
#afb771
```
#afb771 rgb(175,183,113)
```
#b6be7e
```
#b6be7e rgb(182,190,126)
```
#bec48b
```
#bec48b rgb(190,196,139)
```
#c5cb98
```
#c5cb98 rgb(197,203,152)
```
#ccd1a5
```
#ccd1a5 rgb(204,209,165)
```
#d4d8b2
```
#d4d8b2 rgb(212,216,178)
```
#dbdfbf
```
#dbdfbf rgb(219,223,191)
```
#e2e5cc
```
#e2e5cc rgb(226,229,204)
```
#eaecd9
```
#eaecd9 rgb(234,236,217)
```
#f1f2e6
```
#f1f2e6 rgb(241,242,230)
```
#f8f9f3
```
#f8f9f3 rgb(248,249,243)
```

Tint Color Variation

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

#969692
```
#969692 rgb(150,150,146)
```
#9c9e8a
```
#9c9e8a rgb(156,158,138)
```
#a2a781
```
#a2a781 rgb(162,167,129)
```
#a9af79
```
#a9af79 rgb(169,175,121)
```
#afb771
```
#afb771 rgb(175,183,113)
```
#b5bf69
```
#b5bf69 rgb(181,191,105)
```
#bcc761
```
#bcc761 rgb(188,199,97)
```
#c2d058
```
#c2d058 rgb(194,208,88)
```
#c8d850
```
#c8d850 rgb(200,216,80)
```
#cfe048
```
#cfe048 rgb(207,224,72)
```
#d5e840
```
#d5e840 rgb(213,232,64)
```
#dbf137
```
#dbf137 rgb(219,241,55)
```
#e2f92f
```
#e2f92f rgb(226,249,47)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#adafa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b576 Protanopia 1% of men
#d8ae7c Deuteranopia 1% of men
#bcb2be Tritanopia 0.001% of the population

Trichromacy

#bdb574 Protanomaly 1% of men, 0.01% of women
#c9b178 Deuteranomaly 6% of men, 0.4% of women
#b7b3a2 Tritanomaly 0.01% of the population

#afb771 hex color

#afb771 Color Information

#afb771 Color Conversion

Color Schemes with #afb771

Alternatives to #afb771

#afb771 Preview

Shades and Tints of #afb771

Tones of #afb771

Color Blindness Simulator