#afb380 hex color

In a RGB color space, hex #afb380 is composed of 68.6% red, 70.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 28.5% yellow and 29.8% black. It has a hue angle of 64.7 degrees, a saturation of 25.1% and a lightness of 60.2%. #afb380 color hex could be obtained by blending #ffffff with #5f6701. Closest websafe color is: #99cc99.

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

● #afb380 color description : Slightly desaturated yellow.

The hexadecimal color #afb380 has RGB values of R:175, G:179, B:128 and CMYK values of C:0.02, M:0, Y:0.28, K:0.3. Its decimal value is 11514752.

Hex triplet	afb380	`#afb380`
RGB Decimal	175, 179, 128	`rgb(175,179,128)`
RGB Percent	68.6, 70.2, 50.2	`rgb(68.6%,70.2%,50.2%)`
CMYK	2, 0, 28, 30
HSL	64.7°, 25.1, 60.2	`hsl(64.7,25.1%,60.2%)`
HSV (or HSB)	64.7°, 28.5, 70.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.496, -9.783, 25.643
XYZ	37.695, 42.913, 26.718
xyY	0.351, 0.4, 42.913
CIE-LCH	71.496, 27.446, 110.883
CIE-LUV	71.496, 0.142, 36.075
Hunter-Lab	65.508, -11.926, 21.673
Binary	10101111, 10110011, 10000000

#afb380
```
#afb380 rgb(175,179,128)
```
#8480b3
```
#8480b3 rgb(132,128,179)
```

Complementary Color

#b39e80
```
#b39e80 rgb(179,158,128)
```
#afb380
```
#afb380 rgb(175,179,128)
```
#96b380
```
#96b380 rgb(150,179,128)
```

Analogous Color

#9e80b3
```
#9e80b3 rgb(158,128,179)
```
#afb380
```
#afb380 rgb(175,179,128)
```
#8096b3
```
#8096b3 rgb(128,150,179)
```

Split Complementary Color

#b380af
```
#b380af rgb(179,128,175)
```
#afb380
```
#afb380 rgb(175,179,128)
```
#80afb3
```
#80afb3 rgb(128,175,179)
```

Triadic Color

#b38480
```
#b38480 rgb(179,132,128)
```
#afb380
```
#afb380 rgb(175,179,128)
```
#80afb3
```
#80afb3 rgb(128,175,179)
```
#8480b3
```
#8480b3 rgb(132,128,179)
```

Tetradic Color

#8c9056
```
#8c9056 rgb(140,144,86)
```
#9ba060
```
#9ba060 rgb(155,160,96)
```
#a5a970
```
#a5a970 rgb(165,169,112)
```
#afb380
```
#afb380 rgb(175,179,128)
```
#b9bd90
```
#b9bd90 rgb(185,189,144)
```
#c3c6a0
```
#c3c6a0 rgb(195,198,160)
```
#cdd0b0
```
#cdd0b0 rgb(205,208,176)
```

Monochromatic Color

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

#b3aa80
```
#b3aa80 rgb(179,170,128)
```
#b3af80
```
#b3af80 rgb(179,175,128)
```
#b3b380
```
#b3b380 rgb(179,179,128)
```
#afb380
```
#afb380 rgb(175,179,128)
```
#abb380
```
#abb380 rgb(171,179,128)
```
#a7b380
```
#a7b380 rgb(167,179,128)
```
#a2b380
```
#a2b380 rgb(162,179,128)
```

Similar Colors

Text with hexadecimal color #afb380

This text has a font color of #afb380.

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

#afb380 background color

This paragraph has a background color of #afb380.

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

#afb380 border color

This element has a border color of #afb380.

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

CSS codes

.text {color:#afb380;}

.background {background-color:#afb380;}

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

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

#080805
```
#080805 rgb(8,8,5)
```
#14140c
```
#14140c rgb(20,20,12)
```
#202113
```
#202113 rgb(32,33,19)
```
#2b2d1b
```
#2b2d1b rgb(43,45,27)
```
#373922
```
#373922 rgb(55,57,34)
```
#434529
```
#434529 rgb(67,69,41)
```
#4f5231
```
#4f5231 rgb(79,82,49)
```
#5b5e38
```
#5b5e38 rgb(91,94,56)
```
#676a40
```
#676a40 rgb(103,106,64)
```
#737647
```
#737647 rgb(115,118,71)
```
#7f834e
```
#7f834e rgb(127,131,78)
```
#8a8f56
```
#8a8f56 rgb(138,143,86)
```
#969b5d
```
#969b5d rgb(150,155,93)
```

Shade Color Variation

#a0a467
```
#a0a467 rgb(160,164,103)
```
#a7ac74
```
#a7ac74 rgb(167,172,116)
```
#afb380
```
#afb380 rgb(175,179,128)
```
#b7ba8c
```
#b7ba8c rgb(183,186,140)
```
#bec299
```
#bec299 rgb(190,194,153)
```
#c6c9a5
```
#c6c9a5 rgb(198,201,165)
```
#ced0b1
```
#ced0b1 rgb(206,208,177)
```
#d6d8bd
```
#d6d8bd rgb(214,216,189)
```
#dddfca
```
#dddfca rgb(221,223,202)
```
#e5e6d6
```
#e5e6d6 rgb(229,230,214)
```
#edeee2
```
#edeee2 rgb(237,238,226)
```
#f5f5ee
```
#f5f5ee rgb(245,245,238)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#9b9c97
```
#9b9c97 rgb(155,156,151)
```
#a2a390
```
#a2a390 rgb(162,163,144)
```
#a8ab88
```
#a8ab88 rgb(168,171,136)
```
#afb380
```
#afb380 rgb(175,179,128)
```
#b6bb78
```
#b6bb78 rgb(182,187,120)
```
#bcc370
```
#bcc370 rgb(188,195,112)
```
#c3ca69
```
#c3ca69 rgb(195,202,105)
```
#c9d261
```
#c9d261 rgb(201,210,97)
```
#d0da59
```
#d0da59 rgb(208,218,89)
```
#d6e251
```
#d6e251 rgb(214,226,81)
```
#ddea49
```
#ddea49 rgb(221,234,73)
```
#e4f142
```
#e4f142 rgb(228,241,66)
```
#eaf93a
```
#eaf93a rgb(234,249,58)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adada3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b385 Protanopia 1% of men
#d1ac89 Deuteranopia 1% of men
#bbafbc Tritanopia 0.001% of the population

Trichromacy

#b9b383 Protanomaly 1% of men, 0.01% of women
#c5ae86 Deuteranomaly 6% of men, 0.4% of women
#b6b0a6 Tritanomaly 0.01% of the population

#afb380 hex color

#afb380 Color Information

#afb380 Color Conversion

Color Schemes with #afb380

Alternatives to #afb380

#afb380 Preview

Shades and Tints of #afb380

Tones of #afb380

Color Blindness Simulator