#afb680 hex color

In a RGB color space, hex #afb680 is composed of 68.6% red, 71.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 29.7% yellow and 28.6% black. It has a hue angle of 67.8 degrees, a saturation of 27% and a lightness of 60.8%. #afb680 color hex could be obtained by blending #ffffff with #5f6d01. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 71
- B 50
RGB color chart
- C 4
- M 0
- Y 30
- K 29
CMYK color chart

● #afb680 color description : Slightly desaturated yellow.

The hexadecimal color #afb680 has RGB values of R:175, G:182, B:128 and CMYK values of C:0.04, M:0, Y:0.3, K:0.29. Its decimal value is 11515520.

Hex triplet	afb680	`#afb680`
RGB Decimal	175, 182, 128	`rgb(175,182,128)`
RGB Percent	68.6, 71.4, 50.2	`rgb(68.6%,71.4%,50.2%)`
CMYK	4, 0, 30, 29
HSL	67.8°, 27, 60.8	`hsl(67.8,27%,60.8%)`
HSV (or HSB)	67.8°, 29.7, 71.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.314, -11.347, 26.738
XYZ	38.303, 44.128, 26.921
xyY	0.35, 0.404, 44.128
CIE-LCH	72.314, 29.047, 112.995
CIE-LUV	72.314, -1.566, 37.784
Hunter-Lab	66.429, -13.329, 22.473
Binary	10101111, 10110110, 10000000

#afb680
```
#afb680 rgb(175,182,128)
```
#8780b6
```
#8780b6 rgb(135,128,182)
```

Complementary Color

#b6a280
```
#b6a280 rgb(182,162,128)
```
#afb680
```
#afb680 rgb(175,182,128)
```
#94b680
```
#94b680 rgb(148,182,128)
```

Analogous Color

#a280b6
```
#a280b6 rgb(162,128,182)
```
#afb680
```
#afb680 rgb(175,182,128)
```
#8094b6
```
#8094b6 rgb(128,148,182)
```

Split Complementary Color

#b680af
```
#b680af rgb(182,128,175)
```
#afb680
```
#afb680 rgb(175,182,128)
```
#80afb6
```
#80afb6 rgb(128,175,182)
```

Triadic Color

#b68780
```
#b68780 rgb(182,135,128)
```
#afb680
```
#afb680 rgb(175,182,128)
```
#80afb6
```
#80afb6 rgb(128,175,182)
```
#8780b6
```
#8780b6 rgb(135,128,182)
```

Tetradic Color

#8c9455
```
#8c9455 rgb(140,148,85)
```
#9ba360
```
#9ba360 rgb(155,163,96)
```
#a5ad70
```
#a5ad70 rgb(165,173,112)
```
#afb680
```
#afb680 rgb(175,182,128)
```
#b9bf90
```
#b9bf90 rgb(185,191,144)
```
#c3c9a0
```
#c3c9a0 rgb(195,201,160)
```
#ced2b1
```
#ced2b1 rgb(206,210,177)
```

Monochromatic Color

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

#b6b080
```
#b6b080 rgb(182,176,128)
```
#b6b480
```
#b6b480 rgb(182,180,128)
```
#b4b680
```
#b4b680 rgb(180,182,128)
```
#afb680
```
#afb680 rgb(175,182,128)
```
#abb680
```
#abb680 rgb(171,182,128)
```
#a6b680
```
#a6b680 rgb(166,182,128)
```
#a2b680
```
#a2b680 rgb(162,182,128)
```

Similar Colors

Text with hexadecimal color #afb680

This text has a font color of #afb680.

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

#afb680 background color

This paragraph has a background color of #afb680.

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

#afb680 border color

This element has a border color of #afb680.

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

CSS codes

.text {color:#afb680;}

.background {background-color:#afb680;}

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

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

#090a06
```
#090a06 rgb(9,10,6)
```
#15160d
```
#15160d rgb(21,22,13)
```
#212314
```
#212314 rgb(33,35,20)
```
#2d2f1b
```
#2d2f1b rgb(45,47,27)
```
#393c22
```
#393c22 rgb(57,60,34)
```
#44482a
```
#44482a rgb(68,72,42)
```
#505531
```
#505531 rgb(80,85,49)
```
#5c6138
```
#5c6138 rgb(92,97,56)
```
#686e3f
```
#686e3f rgb(104,110,63)
```
#737a46
```
#737a46 rgb(115,122,70)
```
#7f874d
```
#7f874d rgb(127,135,77)
```
#8b9355
```
#8b9355 rgb(139,147,85)
```
#979f5c
```
#979f5c rgb(151,159,92)
```

Shade Color Variation

#9fa867
```
#9fa867 rgb(159,168,103)
```
#a7af74
```
#a7af74 rgb(167,175,116)
```
#afb680
```
#afb680 rgb(175,182,128)
```
#b7bd8c
```
#b7bd8c rgb(183,189,140)
```
#bfc499
```
#bfc499 rgb(191,196,153)
```
#c7cba5
```
#c7cba5 rgb(199,203,165)
```
#ced3b2
```
#ced3b2 rgb(206,211,178)
```
#d6dabe
```
#d6dabe rgb(214,218,190)
```
#dee1cb
```
#dee1cb rgb(222,225,203)
```
#e6e8d7
```
#e6e8d7 rgb(230,232,215)
```
#eeefe4
```
#eeefe4 rgb(238,239,228)
```
#f6f6f0
```
#f6f6f0 rgb(246,246,240)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#9e9f97
```
#9e9f97 rgb(158,159,151)
```
#a4a78f
```
#a4a78f rgb(164,167,143)
```
#a9ae88
```
#a9ae88 rgb(169,174,136)
```
#afb680
```
#afb680 rgb(175,182,128)
```
#b5be78
```
#b5be78 rgb(181,190,120)
```
#bac571
```
#bac571 rgb(186,197,113)
```
#c0cd69
```
#c0cd69 rgb(192,205,105)
```
#c6d561
```
#c6d561 rgb(198,213,97)
```
#cbdc5a
```
#cbdc5a rgb(203,220,90)
```
#d1e452
```
#d1e452 rgb(209,228,82)
```
#d7ec4a
```
#d7ec4a rgb(215,236,74)
```
#ddf442
```
#ddf442 rgb(221,244,66)
```
#e2fb3b
```
#e2fb3b rgb(226,251,59)
```

Tone Color Variation

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

Dichromacy

#c2b584 Protanopia 1% of men
#d4ae8a Deuteranopia 1% of men
#bbb2bf Tritanopia 0.001% of the population

Trichromacy

#bbb583 Protanomaly 1% of men, 0.01% of women
#c6b186 Deuteranomaly 6% of men, 0.4% of women
#b7b3a8 Tritanomaly 0.01% of the population

#afb680 hex color

#afb680 Color Information

#afb680 Color Conversion

Color Schemes with #afb680

Alternatives to #afb680

#afb680 Preview

Shades and Tints of #afb680

Tones of #afb680

Color Blindness Simulator