#afb284 hex color

In a RGB color space, hex #afb284 is composed of 68.6% red, 69.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 25.8% yellow and 30.2% black. It has a hue angle of 63.9 degrees, a saturation of 23% and a lightness of 60.8%. #afb284 color hex could be obtained by blending #ffffff with #5f6509. Closest websafe color is: #999999.

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

● #afb284 color description : Mostly desaturated dark yellow.

The hexadecimal color #afb284 has RGB values of R:175, G:178, B:132 and CMYK values of C:0.02, M:0, Y:0.26, K:0.3. Its decimal value is 11514500.

Hex triplet	afb284	`#afb284`
RGB Decimal	175, 178, 132	`rgb(175,178,132)`
RGB Percent	68.6, 69.8, 51.8	`rgb(68.6%,69.8%,51.8%)`
CMYK	2, 0, 26, 30
HSL	63.9°, 23, 60.8	`hsl(63.9,23%,60.8%)`
HSV (or HSB)	63.9°, 25.8, 69.8
Web Safe	999999	`#999999`

CIE-LAB	71.297, -8.702, 23.229
XYZ	37.764, 42.621, 28.066
xyY	0.348, 0.393, 42.621
CIE-LCH	71.297, 24.806, 110.537
CIE-LUV	71.297, 0.541, 32.94
Hunter-Lab	65.285, -10.995, 20.211
Binary	10101111, 10110010, 10000100

#afb284
```
#afb284 rgb(175,178,132)
```
#8784b2
```
#8784b2 rgb(135,132,178)
```

Complementary Color

#b29e84
```
#b29e84 rgb(178,158,132)
```
#afb284
```
#afb284 rgb(175,178,132)
```
#98b284
```
#98b284 rgb(152,178,132)
```

Analogous Color

#9e84b2
```
#9e84b2 rgb(158,132,178)
```
#afb284
```
#afb284 rgb(175,178,132)
```
#8498b2
```
#8498b2 rgb(132,152,178)
```

Split Complementary Color

#b284af
```
#b284af rgb(178,132,175)
```
#afb284
```
#afb284 rgb(175,178,132)
```
#84afb2
```
#84afb2 rgb(132,175,178)
```

Triadic Color

#b28784
```
#b28784 rgb(178,135,132)
```
#afb284
```
#afb284 rgb(175,178,132)
```
#84afb2
```
#84afb2 rgb(132,175,178)
```
#8784b2
```
#8784b2 rgb(135,132,178)
```

Tetradic Color

#8c905a
```
#8c905a rgb(140,144,90)
```
#9b9e65
```
#9b9e65 rgb(155,158,101)
```
#a5a874
```
#a5a874 rgb(165,168,116)
```
#afb284
```
#afb284 rgb(175,178,132)
```
#b9bc94
```
#b9bc94 rgb(185,188,148)
```
#c3c6a3
```
#c3c6a3 rgb(195,198,163)
```
#cecfb3
```
#cecfb3 rgb(206,207,179)
```

Monochromatic Color

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

#b2aa84
```
#b2aa84 rgb(178,170,132)
```
#b2ad84
```
#b2ad84 rgb(178,173,132)
```
#b2b184
```
#b2b184 rgb(178,177,132)
```
#afb284
```
#afb284 rgb(175,178,132)
```
#abb284
```
#abb284 rgb(171,178,132)
```
#a7b284
```
#a7b284 rgb(167,178,132)
```
#a4b284
```
#a4b284 rgb(164,178,132)
```

Similar Colors

Text with hexadecimal color #afb284

This text has a font color of #afb284.

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

#afb284 background color

This paragraph has a background color of #afb284.

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

#afb284 border color

This element has a border color of #afb284.

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

CSS codes

.text {color:#afb284;}

.background {background-color:#afb284;}

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

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, #090a06 is the darkest color, while #fdfefd is the lightest one.

#090a06
```
#090a06 rgb(9,10,6)
```
#15160e
```
#15160e rgb(21,22,14)
```
#212215
```
#212215 rgb(33,34,21)
```
#2d2e1d
```
#2d2e1d rgb(45,46,29)
```
#393a24
```
#393a24 rgb(57,58,36)
```
#44462c
```
#44462c rgb(68,70,44)
```
#505233
```
#505233 rgb(80,82,51)
```
#5c5e3b
```
#5c5e3b rgb(92,94,59)
```
#686a42
```
#686a42 rgb(104,106,66)
```
#73764a
```
#73764a rgb(115,118,74)
```
#7f8252
```
#7f8252 rgb(127,130,82)
```
#8b8e59
```
#8b8e59 rgb(139,142,89)
```
#979a61
```
#979a61 rgb(151,154,97)
```

Shade Color Variation

#9fa36c
```
#9fa36c rgb(159,163,108)
```
#a7aa78
```
#a7aa78 rgb(167,170,120)
```
#afb284
```
#afb284 rgb(175,178,132)
```
#b7ba90
```
#b7ba90 rgb(183,186,144)
```
#bfc19c
```
#bfc19c rgb(191,193,156)
```
#c7c9a8
```
#c7c9a8 rgb(199,201,168)
```
#ced0b4
```
#ced0b4 rgb(206,208,180)
```
#d6d8c0
```
#d6d8c0 rgb(214,216,192)
```
#dedfcc
```
#dedfcc rgb(222,223,204)
```
#e6e7d8
```
#e6e7d8 rgb(230,231,216)
```
#eeeee5
```
#eeeee5 rgb(238,238,229)
```
#f6f6f1
```
#f6f6f1 rgb(246,246,241)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#a2a393
```
#a2a393 rgb(162,163,147)
```
#a8aa8c
```
#a8aa8c rgb(168,170,140)
```
#afb284
```
#afb284 rgb(175,178,132)
```
#b6ba7c
```
#b6ba7c rgb(182,186,124)
```
#bcc175
```
#bcc175 rgb(188,193,117)
```
#c3c96d
```
#c3c96d rgb(195,201,109)
```
#cad165
```
#cad165 rgb(202,209,101)
```
#d0d85e
```
#d0d85e rgb(208,216,94)
```
#d7e056
```
#d7e056 rgb(215,224,86)
```
#dee84e
```
#dee84e rgb(222,232,78)
```
#e5f046
```
#e5f046 rgb(229,240,70)
```
#ebf73f
```
#ebf73f rgb(235,247,63)
```
#f2ff37
```
#f2ff37 rgb(242,255,55)
```

Tone Color Variation

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

#beb288 Protanopia 1% of men
#d0ac8d Deuteranopia 1% of men
#baafbb Tritanopia 0.001% of the population

Trichromacy

#b9b287 Protanomaly 1% of men, 0.01% of women
#c4ae8a Deuteranomaly 6% of men, 0.4% of women
#b6b0a7 Tritanomaly 0.01% of the population

#afb284 hex color

#afb284 Color Information

#afb284 Color Conversion

Color Schemes with #afb284

Alternatives to #afb284

#afb284 Preview

Shades and Tints of #afb284

Tones of #afb284

Color Blindness Simulator