#af986a hex color

In a RGB color space, hex #af986a is composed of 68.6% red, 59.6% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.1% magenta, 39.4% yellow and 31.4% black. It has a hue angle of 40 degrees, a saturation of 30.1% and a lightness of 55.1%. #af986a color hex could be obtained by blending #ffffd4 with #5f3100. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 60
- B 42
RGB color chart
- C 0
- M 13
- Y 39
- K 31
CMYK color chart

● #af986a color description : Mostly desaturated dark orange.

The hexadecimal color #af986a has RGB values of R:175, G:152, B:106 and CMYK values of C:0, M:0.13, Y:0.39, K:0.31. Its decimal value is 11507818.

Hex triplet	af986a	`#af986a`
RGB Decimal	175, 152, 106	`rgb(175,152,106)`
RGB Percent	68.6, 59.6, 41.6	`rgb(68.6%,59.6%,41.6%)`
CMYK	0, 13, 39, 31
HSL	40°, 30.1, 55.1	`hsl(40,30.1%,55.1%)`
HSV (or HSB)	40°, 39.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	63.845, 1.885, 27.353
XYZ	31.509, 32.612, 18.27
xyY	0.382, 0.396, 32.612
CIE-LCH	63.845, 27.418, 86.057
CIE-LUV	63.845, 17.565, 34.586
Hunter-Lab	57.107, -1.449, 21.006
Binary	10101111, 10011000, 01101010

#af986a
```
#af986a rgb(175,152,106)
```
#6a81af
```
#6a81af rgb(106,129,175)
```

Complementary Color

#af766a
```
#af766a rgb(175,118,106)
```
#af986a
```
#af986a rgb(175,152,106)
```
#a4af6a
```
#a4af6a rgb(164,175,106)
```

Analogous Color

#766aaf
```
#766aaf rgb(118,106,175)
```
#af986a
```
#af986a rgb(175,152,106)
```
#6aa4af
```
#6aa4af rgb(106,164,175)
```

Split Complementary Color

#986aaf
```
#986aaf rgb(152,106,175)
```
#af986a
```
#af986a rgb(175,152,106)
```
#6aaf98
```
#6aaf98 rgb(106,175,152)
```

Triadic Color

#af6a81
```
#af6a81 rgb(175,106,129)
```
#af986a
```
#af986a rgb(175,152,106)
```
#6aaf98
```
#6aaf98 rgb(106,175,152)
```
#6a81af
```
#6a81af rgb(106,129,175)
```

Tetradic Color

#857147
```
#857147 rgb(133,113,71)
```
#967f50
```
#967f50 rgb(150,127,80)
```
#a68d59
```
#a68d59 rgb(166,141,89)
```
#af986a
```
#af986a rgb(175,152,106)
```
#b8a37b
```
#b8a37b rgb(184,163,123)
```
#c1af8b
```
#c1af8b rgb(193,175,139)
```
#caba9c
```
#caba9c rgb(202,186,156)
```

Monochromatic Color

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

#af876a
```
#af876a rgb(175,135,106)
```
#af8d6a
```
#af8d6a rgb(175,141,106)
```
#af926a
```
#af926a rgb(175,146,106)
```
#af986a
```
#af986a rgb(175,152,106)
```
#af9e6a
```
#af9e6a rgb(175,158,106)
```
#afa46a
```
#afa46a rgb(175,164,106)
```
#afa96a
```
#afa96a rgb(175,169,106)
```

Similar Colors

Text with hexadecimal color #af986a

This text has a font color of #af986a.

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

#af986a background color

This paragraph has a background color of #af986a.

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

#af986a border color

This element has a border color of #af986a.

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

CSS codes

.text {color:#af986a;}

.background {background-color:#af986a;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#110e09
```
#110e09 rgb(17,14,9)
```
#1e1910
```
#1e1910 rgb(30,25,16)
```
#2a2417
```
#2a2417 rgb(42,36,23)
```
#372f1e
```
#372f1e rgb(55,47,30)
```
#443924
```
#443924 rgb(68,57,36)
```
#51442b
```
#51442b rgb(81,68,43)
```
#5d4f32
```
#5d4f32 rgb(93,79,50)
```
#6a5a39
```
#6a5a39 rgb(106,90,57)
```
#776540
```
#776540 rgb(119,101,64)
```
#846f47
```
#846f47 rgb(132,111,71)
```
#917a4e
```
#917a4e rgb(145,122,78)
```
#9d8554
```
#9d8554 rgb(157,133,84)
```

Shade Color Variation

#a88f5d
```
#a88f5d rgb(168,143,93)
```
#af986a
```
#af986a rgb(175,152,106)
```
#b6a177
```
#b6a177 rgb(182,161,119)
```
#bdaa84
```
#bdaa84 rgb(189,170,132)
```
#c4b290
```
#c4b290 rgb(196,178,144)
```
#cabb9d
```
#cabb9d rgb(202,187,157)
```
#d1c4aa
```
#d1c4aa rgb(209,196,170)
```
#d8cdb7
```
#d8cdb7 rgb(216,205,183)
```
#dfd6c3
```
#dfd6c3 rgb(223,214,195)
```
#e6dfd0
```
#e6dfd0 rgb(230,223,208)
```
#ede7dd
```
#ede7dd rgb(237,231,221)
```
#f4f0ea
```
#f4f0ea rgb(244,240,234)
```
#faf9f6
```
#faf9f6 rgb(250,249,246)
```

Tint Color Variation

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

#958f84
```
#958f84 rgb(149,143,132)
```
#9d927c
```
#9d927c rgb(157,146,124)
```
#a69573
```
#a69573 rgb(166,149,115)
```
#af986a
```
#af986a rgb(175,152,106)
```
#b89b61
```
#b89b61 rgb(184,155,97)
```
#c19e58
```
#c19e58 rgb(193,158,88)
```
#c9a150
```
#c9a150 rgb(201,161,80)
```
#d2a447
```
#d2a447 rgb(210,164,71)
```
#dba73e
```
#dba73e rgb(219,167,62)
```
#e4aa35
```
#e4aa35 rgb(228,170,53)
```
#edad2c
```
#edad2c rgb(237,173,44)
```
#f5af24
```
#f5af24 rgb(245,175,36)
```
#feb21b
```
#feb21b rgb(254,178,27)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9e9a90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9f72 Protanopia 1% of men
#bd9972 Deuteranopia 1% of men
#b897a1 Tritanopia 0.001% of the population

Trichromacy

#ad9c6f Protanomaly 1% of men, 0.01% of women
#b8986f Deuteranomaly 6% of men, 0.4% of women
#b5978d Tritanomaly 0.01% of the population

#af986a hex color

#af986a Color Information

#af986a Color Conversion

Color Schemes with #af986a

Alternatives to #af986a

#af986a Preview

Shades and Tints of #af986a

Tones of #af986a

Color Blindness Simulator