#afbb63 hex color

In a RGB color space, hex #afbb63 is composed of 68.6% red, 73.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 47.1% yellow and 26.7% black. It has a hue angle of 68.2 degrees, a saturation of 39.3% and a lightness of 56.1%. #afbb63 color hex could be obtained by blending #ffffc6 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

● #afbb63 color description : Slightly desaturated yellow.

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

Hex triplet	afbb63	`#afbb63`
RGB Decimal	175, 187, 99	`rgb(175,187,99)`
RGB Percent	68.6, 73.3, 38.8	`rgb(68.6%,73.3%,38.8%)`
CMYK	6, 0, 47, 27
HSL	68.2°, 39.3, 56.1	`hsl(68.2,39.3%,56.1%)`
HSV (or HSB)	68.2°, 47.1, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.256, -17.351, 42.897
XYZ	37.701, 45.556, 18.611
xyY	0.37, 0.447, 45.556
CIE-LCH	73.256, 46.273, 112.022
CIE-LUV	73.256, -3.543, 56.592
Hunter-Lab	67.495, -18.41, 30.898
Binary	10101111, 10111011, 01100011

#afbb63
```
#afbb63 rgb(175,187,99)
```
#6f63bb
```
#6f63bb rgb(111,99,187)
```

Complementary Color

#bb9b63
```
#bb9b63 rgb(187,155,99)
```
#afbb63
```
#afbb63 rgb(175,187,99)
```
#83bb63
```
#83bb63 rgb(131,187,99)
```

Analogous Color

#9b63bb
```
#9b63bb rgb(155,99,187)
```
#afbb63
```
#afbb63 rgb(175,187,99)
```
#6383bb
```
#6383bb rgb(99,131,187)
```

Split Complementary Color

#bb63af
```
#bb63af rgb(187,99,175)
```
#afbb63
```
#afbb63 rgb(175,187,99)
```
#63afbb
```
#63afbb rgb(99,175,187)
```

Triadic Color

#bb6f63
```
#bb6f63 rgb(187,111,99)
```
#afbb63
```
#afbb63 rgb(175,187,99)
```
#63afbb
```
#63afbb rgb(99,175,187)
```
#6f63bb
```
#6f63bb rgb(111,99,187)
```

Tetradic Color

#879240
```
#879240 rgb(135,146,64)
```
#97a447
```
#97a447 rgb(151,164,71)
```
#a6b351
```
#a6b351 rgb(166,179,81)
```
#afbb63
```
#afbb63 rgb(175,187,99)
```
#b8c375
```
#b8c375 rgb(184,195,117)
```
#c1ca87
```
#c1ca87 rgb(193,202,135)
```
#cad298
```
#cad298 rgb(202,210,152)
```

Monochromatic Color

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

#bbb163
```
#bbb163 rgb(187,177,99)
```
#bbb863
```
#bbb863 rgb(187,184,99)
```
#b6bb63
```
#b6bb63 rgb(182,187,99)
```
#afbb63
```
#afbb63 rgb(175,187,99)
```
#a8bb63
```
#a8bb63 rgb(168,187,99)
```
#a0bb63
```
#a0bb63 rgb(160,187,99)
```
#99bb63
```
#99bb63 rgb(153,187,99)
```

Similar Colors

Text with hexadecimal color #afbb63

This text has a font color of #afbb63.

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

#afbb63 background color

This paragraph has a background color of #afbb63.

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

#afbb63 border color

This element has a border color of #afbb63.

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

CSS codes

.text {color:#afbb63;}

.background {background-color:#afbb63;}

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

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

#070803
```
#070803 rgb(7,8,3)
```
#141609
```
#141609 rgb(20,22,9)
```
#21230f
```
#21230f rgb(33,35,15)
```
#2d3115
```
#2d3115 rgb(45,49,21)
```
#3a3f1b
```
#3a3f1b rgb(58,63,27)
```
#464c21
```
#464c21 rgb(70,76,33)
```
#535a27
```
#535a27 rgb(83,90,39)
```
#60682d
```
#60682d rgb(96,104,45)
```
#6c7533
```
#6c7533 rgb(108,117,51)
```
#798339
```
#798339 rgb(121,131,57)
```
#85913f
```
#85913f rgb(133,145,63)
```
#929e45
```
#929e45 rgb(146,158,69)
```
#9fac4b
```
#9fac4b rgb(159,172,75)
```

Shade Color Variation

#a8b555
```
#a8b555 rgb(168,181,85)
```
#afbb63
```
#afbb63 rgb(175,187,99)
```
#b6c171
```
#b6c171 rgb(182,193,113)
```
#bdc77e
```
#bdc77e rgb(189,199,126)
```
#c4cd8c
```
#c4cd8c rgb(196,205,140)
```
#cbd39a
```
#cbd39a rgb(203,211,154)
```
#d2d9a7
```
#d2d9a7 rgb(210,217,167)
```
#d9dfb5
```
#d9dfb5 rgb(217,223,181)
```
#e0e5c3
```
#e0e5c3 rgb(224,229,195)
```
#e7ebd0
```
#e7ebd0 rgb(231,235,208)
```
#eef1de
```
#eef1de rgb(238,241,222)
```
#f5f7ec
```
#f5f7ec rgb(245,247,236)
```
#fcfdf9
```
#fcfdf9 rgb(252,253,249)
```

Tint Color Variation

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

#90908e
```
#90908e rgb(144,144,142)
```
#969985
```
#969985 rgb(150,153,133)
```
#9ca17d
```
#9ca17d rgb(156,161,125)
```
#a2aa74
```
#a2aa74 rgb(162,170,116)
```
#a9b26c
```
#a9b26c rgb(169,178,108)
```
#afbb63
```
#afbb63 rgb(175,187,99)
```
#b5c45a
```
#b5c45a rgb(181,196,90)
```
#bccc52
```
#bccc52 rgb(188,204,82)
```
#c2d549
```
#c2d549 rgb(194,213,73)
```
#c8dd41
```
#c8dd41 rgb(200,221,65)
```
#cee638
```
#cee638 rgb(206,230,56)
```
#d5ef2f
```
#d5ef2f rgb(213,239,47)
```
#dbf727
```
#dbf727 rgb(219,247,39)
```

Tone Color Variation

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

#c9b768 Protanopia 1% of men
#ddaf6f Deuteranopia 1% of men
#beb4c1 Tritanopia 0.001% of the population

Trichromacy

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

#afbb63 hex color

#afbb63 Color Information

#afbb63 Color Conversion

Color Schemes with #afbb63

Alternatives to #afbb63

#afbb63 Preview

Shades and Tints of #afbb63

Tones of #afbb63

Color Blindness Simulator