#afbb78 hex color

In a RGB color space, hex #afbb78 is composed of 68.6% red, 73.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 35.8% yellow and 26.7% black. It has a hue angle of 70.7 degrees, a saturation of 33% and a lightness of 60.2%. #afbb78 color hex could be obtained by blending #fffff0 with #5f7700. Closest websafe color is: #99cc66.

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

● #afbb78 color description : Slightly desaturated yellow.

The hexadecimal color #afbb78 has RGB values of R:175, G:187, B:120 and CMYK values of C:0.06, M:0, Y:0.36, K:0.27. Its decimal value is 11516792.

Hex triplet	afbb78	`#afbb78`
RGB Decimal	175, 187, 120	`rgb(175,187,120)`
RGB Percent	68.6, 73.3, 47.1	`rgb(68.6%,73.3%,47.1%)`
CMYK	6, 0, 36, 27
HSL	70.7°, 33, 60.2	`hsl(70.7,33%,60.2%)`
HSV (or HSB)	70.7°, 35.8, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.552, -14.969, 32.584
XYZ	38.839, 46.011, 24.603
xyY	0.355, 0.42, 46.011
CIE-LCH	73.552, 35.858, 114.673
CIE-LUV	73.552, -4.135, 45.393
Hunter-Lab	67.831, -16.499, 25.977
Binary	10101111, 10111011, 01111000

#afbb78
```
#afbb78 rgb(175,187,120)
```
#8478bb
```
#8478bb rgb(132,120,187)
```

Complementary Color

#bba678
```
#bba678 rgb(187,166,120)
```
#afbb78
```
#afbb78 rgb(175,187,120)
```
#8ebb78
```
#8ebb78 rgb(142,187,120)
```

Analogous Color

#a678bb
```
#a678bb rgb(166,120,187)
```
#afbb78
```
#afbb78 rgb(175,187,120)
```
#788ebb
```
#788ebb rgb(120,142,187)
```

Split Complementary Color

#bb78af
```
#bb78af rgb(187,120,175)
```
#afbb78
```
#afbb78 rgb(175,187,120)
```
#78afbb
```
#78afbb rgb(120,175,187)
```

Triadic Color

#bb8478
```
#bb8478 rgb(187,132,120)
```
#afbb78
```
#afbb78 rgb(175,187,120)
```
#78afbb
```
#78afbb rgb(120,175,187)
```
#8478bb
```
#8478bb rgb(132,120,187)
```

Tetradic Color

#8c994d
```
#8c994d rgb(140,153,77)
```
#9baa56
```
#9baa56 rgb(155,170,86)
```
#a5b267
```
#a5b267 rgb(165,178,103)
```
#afbb78
```
#afbb78 rgb(175,187,120)
```
#b9c489
```
#b9c489 rgb(185,196,137)
```
#c3cc9a
```
#c3cc9a rgb(195,204,154)
```
#cdd5ab
```
#cdd5ab rgb(205,213,171)
```

Monochromatic Color

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

#bbb678
```
#bbb678 rgb(187,182,120)
```
#babb78
```
#babb78 rgb(186,187,120)
```
#b5bb78
```
#b5bb78 rgb(181,187,120)
```
#afbb78
```
#afbb78 rgb(175,187,120)
```
#a9bb78
```
#a9bb78 rgb(169,187,120)
```
#a4bb78
```
#a4bb78 rgb(164,187,120)
```
#9ebb78
```
#9ebb78 rgb(158,187,120)
```

Similar Colors

Text with hexadecimal color #afbb78

This text has a font color of #afbb78.

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

#afbb78 background color

This paragraph has a background color of #afbb78.

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

#afbb78 border color

This element has a border color of #afbb78.

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

CSS codes

.text {color:#afbb78;}

.background {background-color:#afbb78;}

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

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

#080804
```
#080804 rgb(8,8,4)
```
#14160b
```
#14160b rgb(20,22,11)
```
#202311
```
#202311 rgb(32,35,17)
```
#2b3018
```
#2b3018 rgb(43,48,24)
```
#373d1f
```
#373d1f rgb(55,61,31)
```
#434a25
```
#434a25 rgb(67,74,37)
```
#4f572c
```
#4f572c rgb(79,87,44)
```
#5b6432
```
#5b6432 rgb(91,100,50)
```
#677139
```
#677139 rgb(103,113,57)
```
#737e3f
```
#737e3f rgb(115,126,63)
```
#7f8b46
```
#7f8b46 rgb(127,139,70)
```
#8a984d
```
#8a984d rgb(138,152,77)
```
#96a553
```
#96a553 rgb(150,165,83)
```

Shade Color Variation

#a0ae5e
```
#a0ae5e rgb(160,174,94)
```
#a7b46b
```
#a7b46b rgb(167,180,107)
```
#afbb78
```
#afbb78 rgb(175,187,120)
```
#b7c285
```
#b7c285 rgb(183,194,133)
```
#bec892
```
#bec892 rgb(190,200,146)
```
#c6cf9f
```
#c6cf9f rgb(198,207,159)
```
#ced5ac
```
#ced5ac rgb(206,213,172)
```
#d6dcb9
```
#d6dcb9 rgb(214,220,185)
```
#dde2c6
```
#dde2c6 rgb(221,226,198)
```
#e5e9d3
```
#e5e9d3 rgb(229,233,211)
```
#edf0e0
```
#edf0e0 rgb(237,240,224)
```
#f5f6ed
```
#f5f6ed rgb(245,246,237)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#9b9c97
```
#9b9c97 rgb(155,156,151)
```
#a0a48f
```
#a0a48f rgb(160,164,143)
```
#a5ab88
```
#a5ab88 rgb(165,171,136)
```
#aab380
```
#aab380 rgb(170,179,128)
```
#afbb78
```
#afbb78 rgb(175,187,120)
```
#b4c370
```
#b4c370 rgb(180,195,112)
```
#b9cb68
```
#b9cb68 rgb(185,203,104)
```
#bed261
```
#bed261 rgb(190,210,97)
```
#c3da59
```
#c3da59 rgb(195,218,89)
```
#c8e251
```
#c8e251 rgb(200,226,81)
```
#cdea49
```
#cdea49 rgb(205,234,73)
```
#d2f241
```
#d2f241 rgb(210,242,65)
```
#d7f93a
```
#d7f93a rgb(215,249,58)
```

Tone Color Variation

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

Dichromacy

#c7b87c Protanopia 1% of men
#dab183 Deuteranopia 1% of men
#bdb6c2 Tritanopia 0.001% of the population

Trichromacy

#beb97b Protanomaly 1% of men, 0.01% of women
#cab47f Deuteranomaly 6% of men, 0.4% of women
#b7b7a7 Tritanomaly 0.01% of the population

#afbb78 hex color

#afbb78 Color Information

#afbb78 Color Conversion

Color Schemes with #afbb78

Alternatives to #afbb78

#afbb78 Preview

Shades and Tints of #afbb78

Tones of #afbb78

Color Blindness Simulator