#af786a hex color

In a RGB color space, hex #af786a is composed of 68.6% red, 47.1% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 39.4% yellow and 31.4% black. It has a hue angle of 12.2 degrees, a saturation of 30.1% and a lightness of 55.1%. #af786a color hex could be obtained by blending #fff0d4 with #5f0000. Closest websafe color is: #996666.

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

● #af786a color description : Mostly desaturated dark red.

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

Hex triplet	af786a	`#af786a`
RGB Decimal	175, 120, 106	`rgb(175,120,106)`
RGB Percent	68.6, 47.1, 41.6	`rgb(68.6%,47.1%,41.6%)`
CMYK	0, 31, 39, 31
HSL	12.2°, 30.1, 55.1	`hsl(12.2,30.1%,55.1%)`
HSV (or HSB)	12.2°, 39.4, 68.6
Web Safe	996666	`#996666`

CIE-LAB	55.674, 19.734, 16.378
XYZ	26.997, 23.589, 16.766
xyY	0.401, 0.35, 23.589
CIE-LCH	55.674, 25.645, 39.69
CIE-LUV	55.674, 38.099, 17.437
Hunter-Lab	48.568, 14.226, 13.531
Binary	10101111, 01111000, 01101010

#af786a
```
#af786a rgb(175,120,106)
```
#6aa1af
```
#6aa1af rgb(106,161,175)
```

Complementary Color

#af6a7f
```
#af6a7f rgb(175,106,127)
```
#af786a
```
#af786a rgb(175,120,106)
```
#af9b6a
```
#af9b6a rgb(175,155,106)
```

Analogous Color

#6a7faf
```
#6a7faf rgb(106,127,175)
```
#af786a
```
#af786a rgb(175,120,106)
```
#6aaf9b
```
#6aaf9b rgb(106,175,155)
```

Split Complementary Color

#786aaf
```
#786aaf rgb(120,106,175)
```
#af786a
```
#af786a rgb(175,120,106)
```
#6aaf78
```
#6aaf78 rgb(106,175,120)
```

Triadic Color

#af6aa1
```
#af6aa1 rgb(175,106,161)
```
#af786a
```
#af786a rgb(175,120,106)
```
#6aaf78
```
#6aaf78 rgb(106,175,120)
```
#6aa1af
```
#6aa1af rgb(106,161,175)
```

Tetradic Color

#855447
```
#855447 rgb(133,84,71)
```
#965e50
```
#965e50 rgb(150,94,80)
```
#a66959
```
#a66959 rgb(166,105,89)
```
#af786a
```
#af786a rgb(175,120,106)
```
#b8877b
```
#b8877b rgb(184,135,123)
```
#c1968b
```
#c1968b rgb(193,150,139)
```
#caa59c
```
#caa59c rgb(202,165,156)
```

Monochromatic Color

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

#af6a6d
```
#af6a6d rgb(175,106,109)
```
#af6d6a
```
#af6d6a rgb(175,109,106)
```
#af726a
```
#af726a rgb(175,114,106)
```
#af786a
```
#af786a rgb(175,120,106)
```
#af7e6a
```
#af7e6a rgb(175,126,106)
```
#af846a
```
#af846a rgb(175,132,106)
```
#af896a
```
#af896a rgb(175,137,106)
```

Similar Colors

Text with hexadecimal color #af786a

This text has a font color of #af786a.

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

#af786a background color

This paragraph has a background color of #af786a.

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

#af786a border color

This element has a border color of #af786a.

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

CSS codes

.text {color:#af786a;}

.background {background-color:#af786a;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#110b09
```
#110b09 rgb(17,11,9)
```
#1e1310
```
#1e1310 rgb(30,19,16)
```
#2a1b17
```
#2a1b17 rgb(42,27,23)
```
#37231e
```
#37231e rgb(55,35,30)
```
#442b24
```
#442b24 rgb(68,43,36)
```
#51332b
```
#51332b rgb(81,51,43)
```
#5d3b32
```
#5d3b32 rgb(93,59,50)
```
#6a4339
```
#6a4339 rgb(106,67,57)
```
#774b40
```
#774b40 rgb(119,75,64)
```
#845347
```
#845347 rgb(132,83,71)
```
#915b4e
```
#915b4e rgb(145,91,78)
```
#9d6354
```
#9d6354 rgb(157,99,84)
```

Shade Color Variation

#a86c5d
```
#a86c5d rgb(168,108,93)
```
#af786a
```
#af786a rgb(175,120,106)
```
#b68477
```
#b68477 rgb(182,132,119)
```
#bd8f84
```
#bd8f84 rgb(189,143,132)
```
#c49b90
```
#c49b90 rgb(196,155,144)
```
#caa69d
```
#caa69d rgb(202,166,157)
```
#d1b2aa
```
#d1b2aa rgb(209,178,170)
```
#d8bdb7
```
#d8bdb7 rgb(216,189,183)
```
#dfc9c3
```
#dfc9c3 rgb(223,201,195)
```
#e6d5d0
```
#e6d5d0 rgb(230,213,208)
```
#ede0dd
```
#ede0dd rgb(237,224,221)
```
#f4ecea
```
#f4ecea rgb(244,236,234)
```
#faf7f6
```
#faf7f6 rgb(250,247,246)
```

Tint Color Variation

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

#958884
```
#958884 rgb(149,136,132)
```
#9d827c
```
#9d827c rgb(157,130,124)
```
#a67d73
```
#a67d73 rgb(166,125,115)
```
#af786a
```
#af786a rgb(175,120,106)
```
#b87361
```
#b87361 rgb(184,115,97)
```
#c16e58
```
#c16e58 rgb(193,110,88)
```
#c96850
```
#c96850 rgb(201,104,80)
```
#d26347
```
#d26347 rgb(210,99,71)
```
#db5e3e
```
#db5e3e rgb(219,94,62)
```
#e45935
```
#e45935 rgb(228,89,53)
```
#ed532c
```
#ed532c rgb(237,83,44)
```
#f54e24
```
#f54e24 rgb(245,78,36)
```
#fe491b
```
#fe491b rgb(254,73,27)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8f8481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928b77 Protanopia 1% of men
#a2866f Deuteranopia 1% of men
#b57c84 Tritanopia 0.001% of the population

Trichromacy

#9d8472 Protanomaly 1% of men, 0.01% of women
#a6816d Deuteranomaly 6% of men, 0.4% of women
#b27a7a Tritanomaly 0.01% of the population

#af786a hex color

#af786a Color Information

#af786a Color Conversion

Color Schemes with #af786a

Alternatives to #af786a

#af786a Preview

Shades and Tints of #af786a

Tones of #af786a

Color Blindness Simulator