#af7c66 hex color

In a RGB color space, hex #af7c66 is composed of 68.6% red, 48.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.1% magenta, 41.7% yellow and 31.4% black. It has a hue angle of 18.1 degrees, a saturation of 31.3% and a lightness of 54.3%. #af7c66 color hex could be obtained by blending #fff8cc with #5f0000. Closest websafe color is: #996666.

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

● #af7c66 color description : Mostly desaturated dark orange.

The hexadecimal color #af7c66 has RGB values of R:175, G:124, B:102 and CMYK values of C:0, M:0.29, Y:0.42, K:0.31. Its decimal value is 11500646.

Hex triplet	af7c66	`#af7c66`
RGB Decimal	175, 124, 102	`rgb(175,124,102)`
RGB Percent	68.6, 48.6, 40	`rgb(68.6%,48.6%,40%)`
CMYK	0, 29, 42, 31
HSL	18.1°, 31.3, 54.3	`hsl(18.1,31.3%,54.3%)`
HSV (or HSB)	18.1°, 41.7, 68.6
Web Safe	996666	`#996666`

CIE-LAB	56.575, 17.014, 19.899
XYZ	27.285, 24.49, 15.86
xyY	0.403, 0.362, 24.49
CIE-LCH	56.575, 26.181, 49.469
CIE-LUV	56.575, 36.014, 22.129
Hunter-Lab	49.487, 11.815, 15.64
Binary	10101111, 01111100, 01100110

#af7c66
```
#af7c66 rgb(175,124,102)
```
#6699af
```
#6699af rgb(102,153,175)
```

Complementary Color

#af6675
```
#af6675 rgb(175,102,117)
```
#af7c66
```
#af7c66 rgb(175,124,102)
```
#afa166
```
#afa166 rgb(175,161,102)
```

Analogous Color

#6675af
```
#6675af rgb(102,117,175)
```
#af7c66
```
#af7c66 rgb(175,124,102)
```
#66afa1
```
#66afa1 rgb(102,175,161)
```

Split Complementary Color

#7c66af
```
#7c66af rgb(124,102,175)
```
#af7c66
```
#af7c66 rgb(175,124,102)
```
#66af7c
```
#66af7c rgb(102,175,124)
```

Triadic Color

#af6699
```
#af6699 rgb(175,102,153)
```
#af7c66
```
#af7c66 rgb(175,124,102)
```
#66af7c
```
#66af7c rgb(102,175,124)
```
#6699af
```
#6699af rgb(102,153,175)
```

Tetradic Color

#845845
```
#845845 rgb(132,88,69)
```
#94634e
```
#94634e rgb(148,99,78)
```
#a56e56
```
#a56e56 rgb(165,110,86)
```
#af7c66
```
#af7c66 rgb(175,124,102)
```
#b88a77
```
#b88a77 rgb(184,138,119)
```
#c19987
```
#c19987 rgb(193,153,135)
```
#c9a798
```
#c9a798 rgb(201,167,152)
```

Monochromatic Color

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

#af6a66
```
#af6a66 rgb(175,106,102)
```
#af7066
```
#af7066 rgb(175,112,102)
```
#af7666
```
#af7666 rgb(175,118,102)
```
#af7c66
```
#af7c66 rgb(175,124,102)
```
#af8266
```
#af8266 rgb(175,130,102)
```
#af8866
```
#af8866 rgb(175,136,102)
```
#af8e66
```
#af8e66 rgb(175,142,102)
```

Similar Colors

Text with hexadecimal color #af7c66

This text has a font color of #af7c66.

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

#af7c66 background color

This paragraph has a background color of #af7c66.

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

#af7c66 border color

This element has a border color of #af7c66.

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

CSS codes

.text {color:#af7c66;}

.background {background-color:#af7c66;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0e0a08
```
#0e0a08 rgb(14,10,8)
```
#1b120e
```
#1b120e rgb(27,18,14)
```
#281b15
```
#281b15 rgb(40,27,21)
```
#35231c
```
#35231c rgb(53,35,28)
```
#422c22
```
#422c22 rgb(66,44,34)
```
#4f3529
```
#4f3529 rgb(79,53,41)
```
#5c3d30
```
#5c3d30 rgb(92,61,48)
```
#694637
```
#694637 rgb(105,70,55)
```
#754e3d
```
#754e3d rgb(117,78,61)
```
#825744
```
#825744 rgb(130,87,68)
```
#8f604b
```
#8f604b rgb(143,96,75)
```
#9c6852
```
#9c6852 rgb(156,104,82)
```

Shade Color Variation

#a87159
```
#a87159 rgb(168,113,89)
```
#af7c66
```
#af7c66 rgb(175,124,102)
```
#b68773
```
#b68773 rgb(182,135,115)
```
#bc9280
```
#bc9280 rgb(188,146,128)
```
#c39d8d
```
#c39d8d rgb(195,157,141)
```
#caa89a
```
#caa89a rgb(202,168,154)
```
#d1b3a6
```
#d1b3a6 rgb(209,179,166)
```
#d7beb3
```
#d7beb3 rgb(215,190,179)
```
#dec9c0
```
#dec9c0 rgb(222,201,192)
```
#e5d4cd
```
#e5d4cd rgb(229,212,205)
```
#ecdfda
```
#ecdfda rgb(236,223,218)
```
#f2eae7
```
#f2eae7 rgb(242,234,231)
```
#f9f5f4
```
#f9f5f4 rgb(249,245,244)
```

Tint Color Variation

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

#8b8a8a
```
#8b8a8a rgb(139,138,138)
```
#948781
```
#948781 rgb(148,135,129)
```
#9d8378
```
#9d8378 rgb(157,131,120)
```
#a6806f
```
#a6806f rgb(166,128,111)
```
#af7c66
```
#af7c66 rgb(175,124,102)
```
#b8785d
```
#b8785d rgb(184,120,93)
```
#c17554
```
#c17554 rgb(193,117,84)
```
#ca714b
```
#ca714b rgb(202,113,75)
```
#d36e42
```
#d36e42 rgb(211,110,66)
```
#dc6a39
```
#dc6a39 rgb(220,106,57)
```
#e56730
```
#e56730 rgb(229,103,48)
```
#ee6327
```
#ee6327 rgb(238,99,39)
```
#f7601e
```
#f7601e rgb(247,96,30)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#918682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968d72 Protanopia 1% of men
#a6886c Deuteranopia 1% of men
#b57f87 Tritanopia 0.001% of the population

Trichromacy

#9f876d Protanomaly 1% of men, 0.01% of women
#a9836a Deuteranomaly 6% of men, 0.4% of women
#b37d7b Tritanomaly 0.01% of the population

#af7c66 hex color

#af7c66 Color Information

#af7c66 Color Conversion

Color Schemes with #af7c66

Alternatives to #af7c66

#af7c66 Preview

Shades and Tints of #af7c66

Tones of #af7c66

Color Blindness Simulator