#afbb64 hex color

In a RGB color space, hex #afbb64 is composed of 68.6% red, 73.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 46.5% yellow and 26.7% black. It has a hue angle of 68.3 degrees, a saturation of 39% and a lightness of 56.3%. #afbb64 color hex could be obtained by blending #ffffc8 with #5f7700. Closest websafe color is: #99cc66.

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

● #afbb64 color description : Slightly desaturated yellow.

The hexadecimal color #afbb64 has RGB values of R:175, G:187, B:100 and CMYK values of C:0.06, M:0, Y:0.47, K:0.27. Its decimal value is 11516772.

Hex triplet	afbb64	`#afbb64`
RGB Decimal	175, 187, 100	`rgb(175,187,100)`
RGB Percent	68.6, 73.3, 39.2	`rgb(68.6%,73.3%,39.2%)`
CMYK	6, 0, 47, 27
HSL	68.3°, 39, 56.3	`hsl(68.3,39%,56.3%)`
HSV (or HSB)	68.3°, 46.5, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.269, -17.249, 42.417
XYZ	37.749, 45.575, 18.864
xyY	0.369, 0.446, 45.575
CIE-LCH	73.269, 45.79, 112.129
CIE-LUV	73.269, -3.569, 56.105
Hunter-Lab	67.509, -18.329, 30.689
Binary	10101111, 10111011, 01100100

#afbb64
```
#afbb64 rgb(175,187,100)
```
#7064bb
```
#7064bb rgb(112,100,187)
```

Complementary Color

#bb9c64
```
#bb9c64 rgb(187,156,100)
```
#afbb64
```
#afbb64 rgb(175,187,100)
```
#84bb64
```
#84bb64 rgb(132,187,100)
```

Analogous Color

#9c64bb
```
#9c64bb rgb(156,100,187)
```
#afbb64
```
#afbb64 rgb(175,187,100)
```
#6484bb
```
#6484bb rgb(100,132,187)
```

Split Complementary Color

#bb64af
```
#bb64af rgb(187,100,175)
```
#afbb64
```
#afbb64 rgb(175,187,100)
```
#64afbb
```
#64afbb rgb(100,175,187)
```

Triadic Color

#bb7064
```
#bb7064 rgb(187,112,100)
```
#afbb64
```
#afbb64 rgb(175,187,100)
```
#64afbb
```
#64afbb rgb(100,175,187)
```
#7064bb
```
#7064bb rgb(112,100,187)
```

Tetradic Color

#879240
```
#879240 rgb(135,146,64)
```
#97a448
```
#97a448 rgb(151,164,72)
```
#a6b352
```
#a6b352 rgb(166,179,82)
```
#afbb64
```
#afbb64 rgb(175,187,100)
```
#b8c376
```
#b8c376 rgb(184,195,118)
```
#c1cb87
```
#c1cb87 rgb(193,203,135)
```
#cad299
```
#cad299 rgb(202,210,153)
```

Monochromatic Color

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

#bbb164
```
#bbb164 rgb(187,177,100)
```
#bbb964
```
#bbb964 rgb(187,185,100)
```
#b6bb64
```
#b6bb64 rgb(182,187,100)
```
#afbb64
```
#afbb64 rgb(175,187,100)
```
#a8bb64
```
#a8bb64 rgb(168,187,100)
```
#a1bb64
```
#a1bb64 rgb(161,187,100)
```
#99bb64
```
#99bb64 rgb(153,187,100)
```

Similar Colors

Text with hexadecimal color #afbb64

This text has a font color of #afbb64.

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

#afbb64 background color

This paragraph has a background color of #afbb64.

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

#afbb64 border color

This element has a border color of #afbb64.

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

CSS codes

.text {color:#afbb64;}

.background {background-color:#afbb64;}

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

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

#080904
```
#080904 rgb(8,9,4)
```
#15160a
```
#15160a rgb(21,22,10)
```
#212410
```
#212410 rgb(33,36,16)
```
#2e3216
```
#2e3216 rgb(46,50,22)
```
#3a3f1c
```
#3a3f1c rgb(58,63,28)
```
#474d22
```
#474d22 rgb(71,77,34)
```
#535a28
```
#535a28 rgb(83,90,40)
```
#60682e
```
#60682e rgb(96,104,46)
```
#6d7634
```
#6d7634 rgb(109,118,52)
```
#79833a
```
#79833a rgb(121,131,58)
```
#869140
```
#869140 rgb(134,145,64)
```
#929f46
```
#929f46 rgb(146,159,70)
```
#9fac4c
```
#9fac4c rgb(159,172,76)
```

Shade Color Variation

#a8b556
```
#a8b556 rgb(168,181,86)
```
#afbb64
```
#afbb64 rgb(175,187,100)
```
#b6c172
```
#b6c172 rgb(182,193,114)
```
#bdc77f
```
#bdc77f rgb(189,199,127)
```
#c4cd8d
```
#c4cd8d rgb(196,205,141)
```
#cbd39b
```
#cbd39b rgb(203,211,155)
```
#d2d9a8
```
#d2d9a8 rgb(210,217,168)
```
#d9dfb6
```
#d9dfb6 rgb(217,223,182)
```
#e0e5c3
```
#e0e5c3 rgb(224,229,195)
```
#e7ebd1
```
#e7ebd1 rgb(231,235,209)
```
#eef1df
```
#eef1df rgb(238,241,223)
```
#f5f7ec
```
#f5f7ec rgb(245,247,236)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#90908f
```
#90908f rgb(144,144,143)
```
#969986
```
#969986 rgb(150,153,134)
```
#9ca17e
```
#9ca17e rgb(156,161,126)
```
#a3aa75
```
#a3aa75 rgb(163,170,117)
```
#a9b26d
```
#a9b26d rgb(169,178,109)
```
#afbb64
```
#afbb64 rgb(175,187,100)
```
#b5c45b
```
#b5c45b rgb(181,196,91)
```
#bbcc53
```
#bbcc53 rgb(187,204,83)
```
#c2d54a
```
#c2d54a rgb(194,213,74)
```
#c8dd42
```
#c8dd42 rgb(200,221,66)
```
#cee639
```
#cee639 rgb(206,230,57)
```
#d4ee31
```
#d4ee31 rgb(212,238,49)
```
#daf728
```
#daf728 rgb(218,247,40)
```

Tone Color Variation

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

Dichromacy

#c9b769 Protanopia 1% of men
#ddb070 Deuteranopia 1% of men
#beb4c1 Tritanopia 0.001% of the population

Trichromacy

#bfb967 Protanomaly 1% of men, 0.01% of women
#ccb46c Deuteranomaly 6% of men, 0.4% of women
#b8b69f Tritanomaly 0.01% of the population

#afbb64 hex color

#afbb64 Color Information

#afbb64 Color Conversion

Color Schemes with #afbb64

Alternatives to #afbb64

#afbb64 Preview

Shades and Tints of #afbb64

Tones of #afbb64

Color Blindness Simulator