#afbb66 hex color

In a RGB color space, hex #afbb66 is composed of 68.6% red, 73.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 45.5% yellow and 26.7% black. It has a hue angle of 68.5 degrees, a saturation of 38.5% and a lightness of 56.7%. #afbb66 color hex could be obtained by blending #ffffcc with #5f7700. Closest websafe color is: #99cc66.

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

● #afbb66 color description : Slightly desaturated yellow.

The hexadecimal color #afbb66 has RGB values of R:175, G:187, B:102 and CMYK values of C:0.06, M:0, Y:0.45, K:0.27. Its decimal value is 11516774.

Hex triplet	afbb66	`#afbb66`
RGB Decimal	175, 187, 102	`rgb(175,187,102)`
RGB Percent	68.6, 73.3, 40	`rgb(68.6%,73.3%,40%)`
CMYK	6, 0, 45, 27
HSL	68.5°, 38.5, 56.7	`hsl(68.5,38.5%,56.7%)`
HSV (or HSB)	68.5°, 45.5, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.294, -17.041, 41.453
XYZ	37.847, 45.614, 19.38
xyY	0.368, 0.444, 45.614
CIE-LCH	73.294, 44.819, 112.347
CIE-LUV	73.294, -3.621, 55.117
Hunter-Lab	67.538, -18.163, 30.263
Binary	10101111, 10111011, 01100110

#afbb66
```
#afbb66 rgb(175,187,102)
```
#7266bb
```
#7266bb rgb(114,102,187)
```

Complementary Color

#bb9d66
```
#bb9d66 rgb(187,157,102)
```
#afbb66
```
#afbb66 rgb(175,187,102)
```
#85bb66
```
#85bb66 rgb(133,187,102)
```

Analogous Color

#9d66bb
```
#9d66bb rgb(157,102,187)
```
#afbb66
```
#afbb66 rgb(175,187,102)
```
#6685bb
```
#6685bb rgb(102,133,187)
```

Split Complementary Color

#bb66af
```
#bb66af rgb(187,102,175)
```
#afbb66
```
#afbb66 rgb(175,187,102)
```
#66afbb
```
#66afbb rgb(102,175,187)
```

Triadic Color

#bb7266
```
#bb7266 rgb(187,114,102)
```
#afbb66
```
#afbb66 rgb(175,187,102)
```
#66afbb
```
#66afbb rgb(102,175,187)
```
#7266bb
```
#7266bb rgb(114,102,187)
```

Tetradic Color

#889341
```
#889341 rgb(136,147,65)
```
#98a549
```
#98a549 rgb(152,165,73)
```
#a6b354
```
#a6b354 rgb(166,179,84)
```
#afbb66
```
#afbb66 rgb(175,187,102)
```
#b8c378
```
#b8c378 rgb(184,195,120)
```
#c1cb89
```
#c1cb89 rgb(193,203,137)
```
#cbd39b
```
#cbd39b rgb(203,211,155)
```

Monochromatic Color

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

#bbb266
```
#bbb266 rgb(187,178,102)
```
#bbb966
```
#bbb966 rgb(187,185,102)
```
#b6bb66
```
#b6bb66 rgb(182,187,102)
```
#afbb66
```
#afbb66 rgb(175,187,102)
```
#a8bb66
```
#a8bb66 rgb(168,187,102)
```
#a1bb66
```
#a1bb66 rgb(161,187,102)
```
#9abb66
```
#9abb66 rgb(154,187,102)
```

Similar Colors

Text with hexadecimal color #afbb66

This text has a font color of #afbb66.

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

#afbb66 background color

This paragraph has a background color of #afbb66.

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

#afbb66 border color

This element has a border color of #afbb66.

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

CSS codes

.text {color:#afbb66;}

.background {background-color:#afbb66;}

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

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, #090a04 is the darkest color, while #fdfdfb is the lightest one.

#090a04
```
#090a04 rgb(9,10,4)
```
#16180a
```
#16180a rgb(22,24,10)
```
#222510
```
#222510 rgb(34,37,16)
```
#2f3317
```
#2f3317 rgb(47,51,23)
```
#3b401d
```
#3b401d rgb(59,64,29)
```
#484e23
```
#484e23 rgb(72,78,35)
```
#545b29
```
#545b29 rgb(84,91,41)
```
#61692f
```
#61692f rgb(97,105,47)
```
#6d7735
```
#6d7735 rgb(109,119,53)
```
#7a843b
```
#7a843b rgb(122,132,59)
```
#869241
```
#869241 rgb(134,146,65)
```
#939f47
```
#939f47 rgb(147,159,71)
```
#9fad4d
```
#9fad4d rgb(159,173,77)
```

Shade Color Variation

#a8b558
```
#a8b558 rgb(168,181,88)
```
#afbb66
```
#afbb66 rgb(175,187,102)
```
#b6c174
```
#b6c174 rgb(182,193,116)
```
#bdc781
```
#bdc781 rgb(189,199,129)
```
#c4cd8f
```
#c4cd8f rgb(196,205,143)
```
#cbd39c
```
#cbd39c rgb(203,211,156)
```
#d3d9aa
```
#d3d9aa rgb(211,217,170)
```
#dadfb7
```
#dadfb7 rgb(218,223,183)
```
#e1e5c5
```
#e1e5c5 rgb(225,229,197)
```
#e8ebd3
```
#e8ebd3 rgb(232,235,211)
```
#eff1e0
```
#eff1e0 rgb(239,241,224)
```
#f6f7ee
```
#f6f7ee rgb(246,247,238)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#979988
```
#979988 rgb(151,153,136)
```
#9da280
```
#9da280 rgb(157,162,128)
```
#a3aa77
```
#a3aa77 rgb(163,170,119)
```
#a9b36f
```
#a9b36f rgb(169,179,111)
```
#afbb66
```
#afbb66 rgb(175,187,102)
```
#b5c45e
```
#b5c45e rgb(181,196,94)
```
#bbcc55
```
#bbcc55 rgb(187,204,85)
```
#c1d54d
```
#c1d54d rgb(193,213,77)
```
#c7dd44
```
#c7dd44 rgb(199,221,68)
```
#cee63c
```
#cee63c rgb(206,230,60)
```
#d4ee33
```
#d4ee33 rgb(212,238,51)
```
#daf72b
```
#daf72b rgb(218,247,43)
```
#e0ff22
```
#e0ff22 rgb(224,255,34)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aeb1a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b76b Protanopia 1% of men
#ddb072 Deuteranopia 1% of men
#beb4c1 Tritanopia 0.001% of the population

Trichromacy

#bfb969 Protanomaly 1% of men, 0.01% of women
#ccb46e Deuteranomaly 6% of men, 0.4% of women
#b8b7a0 Tritanomaly 0.01% of the population

#afbb66 hex color

#afbb66 Color Information

#afbb66 Color Conversion

Color Schemes with #afbb66

Alternatives to #afbb66

#afbb66 Preview

Shades and Tints of #afbb66

Tones of #afbb66

Color Blindness Simulator