#afb580 hex color

In a RGB color space, hex #afb580 is composed of 68.6% red, 71% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 29.3% yellow and 29% black. It has a hue angle of 66.8 degrees, a saturation of 26.4% and a lightness of 60.6%. #afb580 color hex could be obtained by blending #ffffff with #5f6b01. Closest websafe color is: #99cc99.

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

● #afb580 color description : Slightly desaturated yellow.

The hexadecimal color #afb580 has RGB values of R:175, G:181, B:128 and CMYK values of C:0.03, M:0, Y:0.29, K:0.29. Its decimal value is 11515264.

Hex triplet	afb580	`#afb580`
RGB Decimal	175, 181, 128	`rgb(175,181,128)`
RGB Percent	68.6, 71, 50.2	`rgb(68.6%,71%,50.2%)`
CMYK	3, 0, 29, 29
HSL	66.8°, 26.4, 60.6	`hsl(66.8,26.4%,60.6%)`
HSV (or HSB)	66.8°, 29.3, 71
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.041, -10.827, 26.373
XYZ	38.099, 43.72, 26.853
xyY	0.351, 0.402, 43.72
CIE-LCH	72.041, 28.509, 112.32
CIE-LUV	72.041, -0.998, 37.215
Hunter-Lab	66.121, -12.862, 22.207
Binary	10101111, 10110101, 10000000

#afb580
```
#afb580 rgb(175,181,128)
```
#8680b5
```
#8680b5 rgb(134,128,181)
```

Complementary Color

#b5a180
```
#b5a180 rgb(181,161,128)
```
#afb580
```
#afb580 rgb(175,181,128)
```
#95b580
```
#95b580 rgb(149,181,128)
```

Analogous Color

#a180b5
```
#a180b5 rgb(161,128,181)
```
#afb580
```
#afb580 rgb(175,181,128)
```
#8095b5
```
#8095b5 rgb(128,149,181)
```

Split Complementary Color

#b580af
```
#b580af rgb(181,128,175)
```
#afb580
```
#afb580 rgb(175,181,128)
```
#80afb5
```
#80afb5 rgb(128,175,181)
```

Triadic Color

#b58680
```
#b58680 rgb(181,134,128)
```
#afb580
```
#afb580 rgb(175,181,128)
```
#80afb5
```
#80afb5 rgb(128,175,181)
```
#8680b5
```
#8680b5 rgb(134,128,181)
```

Tetradic Color

#8c9356
```
#8c9356 rgb(140,147,86)
```
#9ba260
```
#9ba260 rgb(155,162,96)
```
#a5ac70
```
#a5ac70 rgb(165,172,112)
```
#afb580
```
#afb580 rgb(175,181,128)
```
#b9be90
```
#b9be90 rgb(185,190,144)
```
#c3c8a0
```
#c3c8a0 rgb(195,200,160)
```
#cdd1b0
```
#cdd1b0 rgb(205,209,176)
```

Monochromatic Color

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

#b5ae80
```
#b5ae80 rgb(181,174,128)
```
#b5b280
```
#b5b280 rgb(181,178,128)
```
#b3b580
```
#b3b580 rgb(179,181,128)
```
#afb580
```
#afb580 rgb(175,181,128)
```
#abb580
```
#abb580 rgb(171,181,128)
```
#a6b580
```
#a6b580 rgb(166,181,128)
```
#a2b580
```
#a2b580 rgb(162,181,128)
```

Similar Colors

Text with hexadecimal color #afb580

This text has a font color of #afb580.

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

#afb580 background color

This paragraph has a background color of #afb580.

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

#afb580 border color

This element has a border color of #afb580.

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

CSS codes

.text {color:#afb580;}

.background {background-color:#afb580;}

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

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

#090905
```
#090905 rgb(9,9,5)
```
#15160d
```
#15160d rgb(21,22,13)
```
#212214
```
#212214 rgb(33,34,20)
```
#2c2f1b
```
#2c2f1b rgb(44,47,27)
```
#383b22
```
#383b22 rgb(56,59,34)
```
#44472a
```
#44472a rgb(68,71,42)
```
#505431
```
#505431 rgb(80,84,49)
```
#5c6038
```
#5c6038 rgb(92,96,56)
```
#676c3f
```
#676c3f rgb(103,108,63)
```
#737946
```
#737946 rgb(115,121,70)
```
#7f854e
```
#7f854e rgb(127,133,78)
```
#8b9255
```
#8b9255 rgb(139,146,85)
```
#979e5c
```
#979e5c rgb(151,158,92)
```

Shade Color Variation

#9fa767
```
#9fa767 rgb(159,167,103)
```
#a7ae74
```
#a7ae74 rgb(167,174,116)
```
#afb580
```
#afb580 rgb(175,181,128)
```
#b7bc8c
```
#b7bc8c rgb(183,188,140)
```
#bfc399
```
#bfc399 rgb(191,195,153)
```
#c6cba5
```
#c6cba5 rgb(198,203,165)
```
#ced2b2
```
#ced2b2 rgb(206,210,178)
```
#d6d9be
```
#d6d9be rgb(214,217,190)
```
#dee0ca
```
#dee0ca rgb(222,224,202)
```
#e6e8d7
```
#e6e8d7 rgb(230,232,215)
```
#edefe3
```
#edefe3 rgb(237,239,227)
```
#f5f6f0
```
#f5f6f0 rgb(245,246,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#9d9e97
```
#9d9e97 rgb(157,158,151)
```
#a3a68f
```
#a3a68f rgb(163,166,143)
```
#a9ad88
```
#a9ad88 rgb(169,173,136)
```
#afb580
```
#afb580 rgb(175,181,128)
```
#b5bd78
```
#b5bd78 rgb(181,189,120)
```
#bbc471
```
#bbc471 rgb(187,196,113)
```
#c1cc69
```
#c1cc69 rgb(193,204,105)
```
#c7d461
```
#c7d461 rgb(199,212,97)
```
#cddc59
```
#cddc59 rgb(205,220,89)
```
#d3e352
```
#d3e352 rgb(211,227,82)
```
#d9eb4a
```
#d9eb4a rgb(217,235,74)
```
#dff342
```
#dff342 rgb(223,243,66)
```
#e5fb3a
```
#e5fb3a rgb(229,251,58)
```

Tone Color Variation

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

Dichromacy

#c1b484 Protanopia 1% of men
#d3ad8a Deuteranopia 1% of men
#bbb1be Tritanopia 0.001% of the population

Trichromacy

#bbb483 Protanomaly 1% of men, 0.01% of women
#c6b086 Deuteranomaly 6% of men, 0.4% of women
#b6b2a7 Tritanomaly 0.01% of the population

#afb580 hex color

#afb580 Color Information

#afb580 Color Conversion

Color Schemes with #afb580

Alternatives to #afb580

#afb580 Preview

Shades and Tints of #afb580

Tones of #afb580

Color Blindness Simulator