#afb487 hex color

In a RGB color space, hex #afb487 is composed of 68.6% red, 70.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 25% yellow and 29.4% black. It has a hue angle of 66.7 degrees, a saturation of 23.1% and a lightness of 61.8%. #afb487 color hex could be obtained by blending #ffffff with #5f690f. Closest websafe color is: #99cc99.

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

● #afb487 color description : Slightly desaturated yellow.

The hexadecimal color #afb487 has RGB values of R:175, G:180, B:135 and CMYK values of C:0.03, M:0, Y:0.25, K:0.29. Its decimal value is 11515015.

Hex triplet	afb487	`#afb487`
RGB Decimal	175, 180, 135	`rgb(175,180,135)`
RGB Percent	68.6, 70.6, 52.9	`rgb(68.6%,70.6%,52.9%)`
CMYK	3, 0, 25, 29
HSL	66.7°, 23.1, 61.8	`hsl(66.7,23.1%,61.8%)`
HSV (or HSB)	66.7°, 25, 70.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.897, -9.323, 22.43
XYZ	38.373, 43.506, 29.296
xyY	0.345, 0.391, 43.506
CIE-LCH	71.897, 24.291, 112.57
CIE-LUV	71.897, -0.716, 32.148
Hunter-Lab	65.959, -11.583, 19.837
Binary	10101111, 10110100, 10000111

#afb487
```
#afb487 rgb(175,180,135)
```
#8c87b4
```
#8c87b4 rgb(140,135,180)
```

Complementary Color

#b4a387
```
#b4a387 rgb(180,163,135)
```
#afb487
```
#afb487 rgb(175,180,135)
```
#99b487
```
#99b487 rgb(153,180,135)
```

Analogous Color

#a387b4
```
#a387b4 rgb(163,135,180)
```
#afb487
```
#afb487 rgb(175,180,135)
```
#8799b4
```
#8799b4 rgb(135,153,180)
```

Split Complementary Color

#b487af
```
#b487af rgb(180,135,175)
```
#afb487
```
#afb487 rgb(175,180,135)
```
#87afb4
```
#87afb4 rgb(135,175,180)
```

Triadic Color

#b48c87
```
#b48c87 rgb(180,140,135)
```
#afb487
```
#afb487 rgb(175,180,135)
```
#87afb4
```
#87afb4 rgb(135,175,180)
```
#8c87b4
```
#8c87b4 rgb(140,135,180)
```

Tetradic Color

#8d935c
```
#8d935c rgb(141,147,92)
```
#9aa068
```
#9aa068 rgb(154,160,104)
```
#a5aa77
```
#a5aa77 rgb(165,170,119)
```
#afb487
```
#afb487 rgb(175,180,135)
```
#b9be97
```
#b9be97 rgb(185,190,151)
```
#c4c8a6
```
#c4c8a6 rgb(196,200,166)
```
#ced1b6
```
#ced1b6 rgb(206,209,182)
```

Monochromatic Color

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

#b4ae87
```
#b4ae87 rgb(180,174,135)
```
#b4b287
```
#b4b287 rgb(180,178,135)
```
#b3b487
```
#b3b487 rgb(179,180,135)
```
#afb487
```
#afb487 rgb(175,180,135)
```
#abb487
```
#abb487 rgb(171,180,135)
```
#a8b487
```
#a8b487 rgb(168,180,135)
```
#a4b487
```
#a4b487 rgb(164,180,135)
```

Similar Colors

Text with hexadecimal color #afb487

This text has a font color of #afb487.

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

#afb487 background color

This paragraph has a background color of #afb487.

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

#afb487 border color

This element has a border color of #afb487.

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

CSS codes

.text {color:#afb487;}

.background {background-color:#afb487;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0c0d08
```
#0c0d08 rgb(12,13,8)
```
#181910
```
#181910 rgb(24,25,16)
```
#232517
```
#232517 rgb(35,37,23)
```
#2f311f
```
#2f311f rgb(47,49,31)
```
#3b3d26
```
#3b3d26 rgb(59,61,38)
```
#46492e
```
#46492e rgb(70,73,46)
```
#525535
```
#525535 rgb(82,85,53)
```
#5d613d
```
#5d613d rgb(93,97,61)
```
#696d44
```
#696d44 rgb(105,109,68)
```
#74794c
```
#74794c rgb(116,121,76)
```
#808553
```
#808553 rgb(128,133,83)
```
#8b925b
```
#8b925b rgb(139,146,91)
```

Shade Color Variation

#979d63
```
#979d63 rgb(151,157,99)
```
#9fa56f
```
#9fa56f rgb(159,165,111)
```
#a7ac7b
```
#a7ac7b rgb(167,172,123)
```
#afb487
```
#afb487 rgb(175,180,135)
```
#b7bc93
```
#b7bc93 rgb(183,188,147)
```
#bfc39f
```
#bfc39f rgb(191,195,159)
```
#c7cbab
```
#c7cbab rgb(199,203,171)
```
#cfd2b7
```
#cfd2b7 rgb(207,210,183)
```
#d7dac3
```
#d7dac3 rgb(215,218,195)
```
#dfe1cf
```
#dfe1cf rgb(223,225,207)
```
#e7e9db
```
#e7e9db rgb(231,233,219)
```
#eff0e8
```
#eff0e8 rgb(239,240,232)
```
#f7f8f4
```
#f7f8f4 rgb(247,248,244)
```

Tint Color Variation

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

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#a3a596
```
#a3a596 rgb(163,165,150)
```
#a9ad8f
```
#a9ad8f rgb(169,173,143)
```
#afb487
```
#afb487 rgb(175,180,135)
```
#b5bc80
```
#b5bc80 rgb(181,188,128)
```
#bbc378
```
#bbc378 rgb(187,195,120)
```
#c1cb71
```
#c1cb71 rgb(193,203,113)
```
#c6d269
```
#c6d269 rgb(198,210,105)
```
#ccda62
```
#ccda62 rgb(204,218,98)
```
#d2e15a
```
#d2e15a rgb(210,225,90)
```
#d8e953
```
#d8e953 rgb(216,233,83)
```
#def04b
```
#def04b rgb(222,240,75)
```
#e4f844
```
#e4f844 rgb(228,248,68)
```

Tone Color Variation

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

Dichromacy

#c0b48b Protanopia 1% of men
#d1ad90 Deuteranopia 1% of men
#bab1bd Tritanopia 0.001% of the population

Trichromacy

#bab489 Protanomaly 1% of men, 0.01% of women
#c4af8d Deuteranomaly 6% of men, 0.4% of women
#b6b2a9 Tritanomaly 0.01% of the population

#afb487 hex color

#afb487 Color Information

#afb487 Color Conversion

Color Schemes with #afb487

Alternatives to #afb487

#afb487 Preview

Shades and Tints of #afb487

Tones of #afb487

Color Blindness Simulator