#afb286 hex color

In a RGB color space, hex #afb286 is composed of 68.6% red, 69.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 24.7% yellow and 30.2% black. It has a hue angle of 64.1 degrees, a saturation of 22.2% and a lightness of 61.2%. #afb286 color hex could be obtained by blending #ffffff with #5f650d. Closest websafe color is: #999999.

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

● #afb286 color description : Dark grayish yellow.

The hexadecimal color #afb286 has RGB values of R:175, G:178, B:134 and CMYK values of C:0.02, M:0, Y:0.25, K:0.3. Its decimal value is 11514502.

Hex triplet	afb286	`#afb286`
RGB Decimal	175, 178, 134	`rgb(175,178,134)`
RGB Percent	68.6, 69.8, 52.5	`rgb(68.6%,69.8%,52.5%)`
CMYK	2, 0, 25, 30
HSL	64.1°, 22.2, 61.2	`hsl(64.1,22.2%,61.2%)`
HSV (or HSB)	64.1°, 24.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	71.335, -8.417, 22.203
XYZ	37.902, 42.676, 28.794
xyY	0.347, 0.39, 42.676
CIE-LCH	71.335, 23.745, 110.761
CIE-LUV	71.335, 0.454, 31.635
Hunter-Lab	65.327, -10.759, 19.596
Binary	10101111, 10110010, 10000110

#afb286
```
#afb286 rgb(175,178,134)
```
#8986b2
```
#8986b2 rgb(137,134,178)
```

Complementary Color

#b29f86
```
#b29f86 rgb(178,159,134)
```
#afb286
```
#afb286 rgb(175,178,134)
```
#99b286
```
#99b286 rgb(153,178,134)
```

Analogous Color

#9f86b2
```
#9f86b2 rgb(159,134,178)
```
#afb286
```
#afb286 rgb(175,178,134)
```
#8699b2
```
#8699b2 rgb(134,153,178)
```

Split Complementary Color

#b286af
```
#b286af rgb(178,134,175)
```
#afb286
```
#afb286 rgb(175,178,134)
```
#86afb2
```
#86afb2 rgb(134,175,178)
```

Triadic Color

#b28986
```
#b28986 rgb(178,137,134)
```
#afb286
```
#afb286 rgb(175,178,134)
```
#86afb2
```
#86afb2 rgb(134,175,178)
```
#8986b2
```
#8986b2 rgb(137,134,178)
```

Tetradic Color

#8c905c
```
#8c905c rgb(140,144,92)
```
#9a9e67
```
#9a9e67 rgb(154,158,103)
```
#a5a876
```
#a5a876 rgb(165,168,118)
```
#afb286
```
#afb286 rgb(175,178,134)
```
#b9bc96
```
#b9bc96 rgb(185,188,150)
```
#c4c6a5
```
#c4c6a5 rgb(196,198,165)
```
#ced0b5
```
#ced0b5 rgb(206,208,181)
```

Monochromatic Color

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

#b2aa86
```
#b2aa86 rgb(178,170,134)
```
#b2ae86
```
#b2ae86 rgb(178,174,134)
```
#b2b186
```
#b2b186 rgb(178,177,134)
```
#afb286
```
#afb286 rgb(175,178,134)
```
#abb286
```
#abb286 rgb(171,178,134)
```
#a8b286
```
#a8b286 rgb(168,178,134)
```
#a4b286
```
#a4b286 rgb(164,178,134)
```

Similar Colors

Text with hexadecimal color #afb286

This text has a font color of #afb286.

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

#afb286 background color

This paragraph has a background color of #afb286.

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

#afb286 border color

This element has a border color of #afb286.

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

CSS codes

.text {color:#afb286;}

.background {background-color:#afb286;}

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

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

#0b0b07
```
#0b0b07 rgb(11,11,7)
```
#16170f
```
#16170f rgb(22,23,15)
```
#222316
```
#222316 rgb(34,35,22)
```
#2e2f1e
```
#2e2f1e rgb(46,47,30)
```
#393b25
```
#393b25 rgb(57,59,37)
```
#45472d
```
#45472d rgb(69,71,45)
```
#515335
```
#515335 rgb(81,83,53)
```
#5c5f3c
```
#5c5f3c rgb(92,95,60)
```
#686b44
```
#686b44 rgb(104,107,68)
```
#74774c
```
#74774c rgb(116,119,76)
```
#7f8353
```
#7f8353 rgb(127,131,83)
```
#8b8f5b
```
#8b8f5b rgb(139,143,91)
```
#979b62
```
#979b62 rgb(151,155,98)
```

Shade Color Variation

#9fa36e
```
#9fa36e rgb(159,163,110)
```
#a7aa7a
```
#a7aa7a rgb(167,170,122)
```
#afb286
```
#afb286 rgb(175,178,134)
```
#b7ba92
```
#b7ba92 rgb(183,186,146)
```
#bfc19e
```
#bfc19e rgb(191,193,158)
```
#c7c9aa
```
#c7c9aa rgb(199,201,170)
```
#cfd1b6
```
#cfd1b6 rgb(207,209,182)
```
#d7d8c2
```
#d7d8c2 rgb(215,216,194)
```
#dfe0ce
```
#dfe0ce rgb(223,224,206)
```
#e6e7da
```
#e6e7da rgb(230,231,218)
```
#eeefe6
```
#eeefe6 rgb(238,239,230)
```
#f6f7f2
```
#f6f7f2 rgb(246,247,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a2a395
```
#a2a395 rgb(162,163,149)
```
#a8aa8e
```
#a8aa8e rgb(168,170,142)
```
#afb286
```
#afb286 rgb(175,178,134)
```
#b6ba7e
```
#b6ba7e rgb(182,186,126)
```
#bcc177
```
#bcc177 rgb(188,193,119)
```
#c3c96f
```
#c3c96f rgb(195,201,111)
```
#c9d068
```
#c9d068 rgb(201,208,104)
```
#d0d860
```
#d0d860 rgb(208,216,96)
```
#d6e058
```
#d6e058 rgb(214,224,88)
```
#dde751
```
#dde751 rgb(221,231,81)
```
#e4ef49
```
#e4ef49 rgb(228,239,73)
```
#eaf741
```
#eaf741 rgb(234,247,65)
```
#f1fe3a
```
#f1fe3a rgb(241,254,58)
```

Tone Color Variation

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

Dichromacy

#beb28a Protanopia 1% of men
#cfac8f Deuteranopia 1% of men
#baafbb Tritanopia 0.001% of the population

Trichromacy

#b9b289 Protanomaly 1% of men, 0.01% of women
#c3ae8b Deuteranomaly 6% of men, 0.4% of women
#b6b0a8 Tritanomaly 0.01% of the population

#afb286 hex color

#afb286 Color Information

#afb286 Color Conversion

Color Schemes with #afb286

Alternatives to #afb286

#afb286 Preview

Shades and Tints of #afb286

Tones of #afb286

Color Blindness Simulator