#afb780 hex color

In a RGB color space, hex #afb780 is composed of 68.6% red, 71.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 30.1% yellow and 28.2% black. It has a hue angle of 68.7 degrees, a saturation of 27.6% and a lightness of 61%. #afb780 color hex could be obtained by blending #ffffff with #5f6f01. Closest websafe color is: #99cc99.

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

● #afb780 color description : Slightly desaturated yellow.

The hexadecimal color #afb780 has RGB values of R:175, G:183, B:128 and CMYK values of C:0.04, M:0, Y:0.3, K:0.28. Its decimal value is 11515776.

Hex triplet	afb780	`#afb780`
RGB Decimal	175, 183, 128	`rgb(175,183,128)`
RGB Percent	68.6, 71.8, 50.2	`rgb(68.6%,71.8%,50.2%)`
CMYK	4, 0, 30, 28
HSL	68.7°, 27.6, 61	`hsl(68.7,27.6%,61%)`
HSV (or HSB)	68.7°, 30.1, 71.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.588, -11.866, 27.103
XYZ	38.508, 44.54, 26.989
xyY	0.35, 0.405, 44.54
CIE-LCH	72.588, 29.587, 113.644
CIE-LUV	72.588, -2.132, 38.352
Hunter-Lab	66.738, -13.796, 22.739
Binary	10101111, 10110111, 10000000

#afb780
```
#afb780 rgb(175,183,128)
```
#8880b7
```
#8880b7 rgb(136,128,183)
```

Complementary Color

#b7a480
```
#b7a480 rgb(183,164,128)
```
#afb780
```
#afb780 rgb(175,183,128)
```
#94b780
```
#94b780 rgb(148,183,128)
```

Analogous Color

#a480b7
```
#a480b7 rgb(164,128,183)
```
#afb780
```
#afb780 rgb(175,183,128)
```
#8094b7
```
#8094b7 rgb(128,148,183)
```

Split Complementary Color

#b780af
```
#b780af rgb(183,128,175)
```
#afb780
```
#afb780 rgb(175,183,128)
```
#80afb7
```
#80afb7 rgb(128,175,183)
```

Triadic Color

#b78880
```
#b78880 rgb(183,136,128)
```
#afb780
```
#afb780 rgb(175,183,128)
```
#80afb7
```
#80afb7 rgb(128,175,183)
```
#8880b7
```
#8880b7 rgb(136,128,183)
```

Tetradic Color

#8c9655
```
#8c9655 rgb(140,150,85)
```
#9aa55f
```
#9aa55f rgb(154,165,95)
```
#a5ae70
```
#a5ae70 rgb(165,174,112)
```
#afb780
```
#afb780 rgb(175,183,128)
```
#b9c090
```
#b9c090 rgb(185,192,144)
```
#c4c9a1
```
#c4c9a1 rgb(196,201,161)
```
#ced3b1
```
#ced3b1 rgb(206,211,177)
```

Monochromatic Color

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

#b7b180
```
#b7b180 rgb(183,177,128)
```
#b7b680
```
#b7b680 rgb(183,182,128)
```
#b4b780
```
#b4b780 rgb(180,183,128)
```
#afb780
```
#afb780 rgb(175,183,128)
```
#aab780
```
#aab780 rgb(170,183,128)
```
#a6b780
```
#a6b780 rgb(166,183,128)
```
#a1b780
```
#a1b780 rgb(161,183,128)
```

Similar Colors

Text with hexadecimal color #afb780

This text has a font color of #afb780.

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

#afb780 background color

This paragraph has a background color of #afb780.

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

#afb780 border color

This element has a border color of #afb780.

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

CSS codes

.text {color:#afb780;}

.background {background-color:#afb780;}

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

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, #0a0b06 is the darkest color, while #fefefd is the lightest one.

#0a0b06
```
#0a0b06 rgb(10,11,6)
```
#16170d
```
#16170d rgb(22,23,13)
```
#212414
```
#212414 rgb(33,36,20)
```
#2d301b
```
#2d301b rgb(45,48,27)
```
#393d22
```
#393d22 rgb(57,61,34)
```
#45492a
```
#45492a rgb(69,73,42)
```
#505631
```
#505631 rgb(80,86,49)
```
#5c6238
```
#5c6238 rgb(92,98,56)
```
#686f3f
```
#686f3f rgb(104,111,63)
```
#747b46
```
#747b46 rgb(116,123,70)
```
#7f884d
```
#7f884d rgb(127,136,77)
```
#8b9454
```
#8b9454 rgb(139,148,84)
```
#97a15b
```
#97a15b rgb(151,161,91)
```

Shade Color Variation

#9fa967
```
#9fa967 rgb(159,169,103)
```
#a7b073
```
#a7b073 rgb(167,176,115)
```
#afb780
```
#afb780 rgb(175,183,128)
```
#b7be8d
```
#b7be8d rgb(183,190,141)
```
#bfc599
```
#bfc599 rgb(191,197,153)
```
#c7cca6
```
#c7cca6 rgb(199,204,166)
```
#cfd3b2
```
#cfd3b2 rgb(207,211,178)
```
#d6dabf
```
#d6dabf rgb(214,218,191)
```
#dee2cb
```
#dee2cb rgb(222,226,203)
```
#e6e9d8
```
#e6e9d8 rgb(230,233,216)
```
#eef0e4
```
#eef0e4 rgb(238,240,228)
```
#f6f7f1
```
#f6f7f1 rgb(246,247,241)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#9fa097
```
#9fa097 rgb(159,160,151)
```
#a4a88f
```
#a4a88f rgb(164,168,143)
```
#aaaf88
```
#aaaf88 rgb(170,175,136)
```
#afb780
```
#afb780 rgb(175,183,128)
```
#b4bf78
```
#b4bf78 rgb(180,191,120)
```
#bac671
```
#bac671 rgb(186,198,113)
```
#bfce69
```
#bfce69 rgb(191,206,105)
```
#c5d661
```
#c5d661 rgb(197,214,97)
```
#cadd5a
```
#cadd5a rgb(202,221,90)
```
#d0e552
```
#d0e552 rgb(208,229,82)
```
#d5ed4a
```
#d5ed4a rgb(213,237,74)
```
#daf443
```
#daf443 rgb(218,244,67)
```
#e0fc3b
```
#e0fc3b rgb(224,252,59)
```

Tone Color Variation

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

#c3b584 Protanopia 1% of men
#d5af8a Deuteranopia 1% of men
#bbb3bf Tritanopia 0.001% of the population

Trichromacy

#bcb682 Protanomaly 1% of men, 0.01% of women
#c7b186 Deuteranomaly 6% of men, 0.4% of women
#b7b4a8 Tritanomaly 0.01% of the population

#afb780 hex color

#afb780 Color Information

#afb780 Color Conversion

Color Schemes with #afb780

Alternatives to #afb780

#afb780 Preview

Shades and Tints of #afb780

Tones of #afb780

Color Blindness Simulator