#afb584 hex color

In a RGB color space, hex #afb584 is composed of 68.6% red, 71% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 27.1% yellow and 29% black. It has a hue angle of 67.3 degrees, a saturation of 24.9% and a lightness of 61.4%. #afb584 color hex could be obtained by blending #ffffff with #5f6b09. Closest websafe color is: #99cc99.

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

● #afb584 color description : Slightly desaturated yellow.

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

Hex triplet	afb584	`#afb584`
RGB Decimal	175, 181, 132	`rgb(175,181,132)`
RGB Percent	68.6, 71, 51.8	`rgb(68.6%,71%,51.8%)`
CMYK	3, 0, 27, 29
HSL	67.3°, 24.9, 61.4	`hsl(67.3,24.9%,61.4%)`
HSV (or HSB)	67.3°, 27.1, 71
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.113, -10.273, 24.333
XYZ	38.367, 43.828, 28.267
xyY	0.347, 0.397, 43.828
CIE-LCH	72.113, 26.413, 112.889
CIE-LUV	72.113, -1.155, 34.677
Hunter-Lab	66.203, -12.406, 21.026
Binary	10101111, 10110101, 10000100

#afb584
```
#afb584 rgb(175,181,132)
```
#8a84b5
```
#8a84b5 rgb(138,132,181)
```

Complementary Color

#b5a384
```
#b5a384 rgb(181,163,132)
```
#afb584
```
#afb584 rgb(175,181,132)
```
#97b584
```
#97b584 rgb(151,181,132)
```

Analogous Color

#a384b5
```
#a384b5 rgb(163,132,181)
```
#afb584
```
#afb584 rgb(175,181,132)
```
#8497b5
```
#8497b5 rgb(132,151,181)
```

Split Complementary Color

#b584af
```
#b584af rgb(181,132,175)
```
#afb584
```
#afb584 rgb(175,181,132)
```
#84afb5
```
#84afb5 rgb(132,175,181)
```

Triadic Color

#b58a84
```
#b58a84 rgb(181,138,132)
```
#afb584
```
#afb584 rgb(175,181,132)
```
#84afb5
```
#84afb5 rgb(132,175,181)
```
#8a84b5
```
#8a84b5 rgb(138,132,181)
```

Tetradic Color

#8c9459
```
#8c9459 rgb(140,148,89)
```
#9aa264
```
#9aa264 rgb(154,162,100)
```
#a5ab74
```
#a5ab74 rgb(165,171,116)
```
#afb584
```
#afb584 rgb(175,181,132)
```
#b9bf94
```
#b9bf94 rgb(185,191,148)
```
#c4c8a4
```
#c4c8a4 rgb(196,200,164)
```
#ced2b4
```
#ced2b4 rgb(206,210,180)
```

Monochromatic Color

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

#b5af84
```
#b5af84 rgb(181,175,132)
```
#b5b384
```
#b5b384 rgb(181,179,132)
```
#b3b584
```
#b3b584 rgb(179,181,132)
```
#afb584
```
#afb584 rgb(175,181,132)
```
#abb584
```
#abb584 rgb(171,181,132)
```
#a7b584
```
#a7b584 rgb(167,181,132)
```
#a3b584
```
#a3b584 rgb(163,181,132)
```

Similar Colors

Text with hexadecimal color #afb584

This text has a font color of #afb584.

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

#afb584 background color

This paragraph has a background color of #afb584.

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

#afb584 border color

This element has a border color of #afb584.

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

CSS codes

.text {color:#afb584;}

.background {background-color:#afb584;}

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

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

#0b0c07
```
#0b0c07 rgb(11,12,7)
```
#17180e
```
#17180e rgb(23,24,14)
```
#222416
```
#222416 rgb(34,36,22)
```
#2e301d
```
#2e301d rgb(46,48,29)
```
#3a3d25
```
#3a3d25 rgb(58,61,37)
```
#45492c
```
#45492c rgb(69,73,44)
```
#515533
```
#515533 rgb(81,85,51)
```
#5d613b
```
#5d613b rgb(93,97,59)
```
#686e42
```
#686e42 rgb(104,110,66)
```
#747a49
```
#747a49 rgb(116,122,73)
```
#808651
```
#808651 rgb(128,134,81)
```
#8b9258
```
#8b9258 rgb(139,146,88)
```
#979f5f
```
#979f5f rgb(151,159,95)
```

Shade Color Variation

#9fa66c
```
#9fa66c rgb(159,166,108)
```
#a7ae78
```
#a7ae78 rgb(167,174,120)
```
#afb584
```
#afb584 rgb(175,181,132)
```
#b7bc90
```
#b7bc90 rgb(183,188,144)
```
#bfc49c
```
#bfc49c rgb(191,196,156)
```
#c7cba9
```
#c7cba9 rgb(199,203,169)
```
#cfd2b5
```
#cfd2b5 rgb(207,210,181)
```
#d7dac1
```
#d7dac1 rgb(215,218,193)
```
#dfe1cd
```
#dfe1cd rgb(223,225,205)
```
#e7e9da
```
#e7e9da rgb(231,233,218)
```
#eff0e6
```
#eff0e6 rgb(239,240,230)
```
#f7f7f2
```
#f7f7f2 rgb(247,247,242)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9e9e9b
```
#9e9e9b rgb(158,158,155)
```
#a4a693
```
#a4a693 rgb(164,166,147)
```
#a9ad8c
```
#a9ad8c rgb(169,173,140)
```
#afb584
```
#afb584 rgb(175,181,132)
```
#b5bd7c
```
#b5bd7c rgb(181,189,124)
```
#bac475
```
#bac475 rgb(186,196,117)
```
#c0cc6d
```
#c0cc6d rgb(192,204,109)
```
#c6d366
```
#c6d366 rgb(198,211,102)
```
#ccdb5e
```
#ccdb5e rgb(204,219,94)
```
#d1e257
```
#d1e257 rgb(209,226,87)
```
#d7ea4f
```
#d7ea4f rgb(215,234,79)
```
#ddf247
```
#ddf247 rgb(221,242,71)
```
#e2f940
```
#e2f940 rgb(226,249,64)
```

Tone Color Variation

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

Dichromacy

#c1b488 Protanopia 1% of men
#d2ae8d Deuteranopia 1% of men
#bbb1be Tritanopia 0.001% of the population

Trichromacy

#bab486 Protanomaly 1% of men, 0.01% of women
#c5b08a Deuteranomaly 6% of men, 0.4% of women
#b6b3a9 Tritanomaly 0.01% of the population

#afb584 hex color

#afb584 Color Information

#afb584 Color Conversion

Color Schemes with #afb584

Alternatives to #afb584

#afb584 Preview

Shades and Tints of #afb584

Tones of #afb584

Color Blindness Simulator