#af7e42 hex color

In a RGB color space, hex #af7e42 is composed of 68.6% red, 49.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 62.3% yellow and 31.4% black. It has a hue angle of 33 degrees, a saturation of 45.2% and a lightness of 47.3%. #af7e42 color hex could be obtained by blending #fffc84 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 49
- B 26
RGB color chart
- C 0
- M 28
- Y 62
- K 31
CMYK color chart

● #af7e42 color description : Dark moderate orange.

The hexadecimal color #af7e42 has RGB values of R:175, G:126, B:66 and CMYK values of C:0, M:0.28, Y:0.62, K:0.31. Its decimal value is 11501122.

Hex triplet	af7e42	`#af7e42`
RGB Decimal	175, 126, 66	`rgb(175,126,66)`
RGB Percent	68.6, 49.4, 25.9	`rgb(68.6%,49.4%,25.9%)`
CMYK	0, 28, 62, 31
HSL	33°, 45.2, 47.3	`hsl(33,45.2%,47.3%)`
HSV (or HSB)	33°, 62.3, 68.6
Web Safe	996633	`#996633`

CIE-LAB	56.516, 12.519, 39.572
XYZ	26.124, 24.43, 8.494
xyY	0.442, 0.414, 24.43
CIE-LCH	56.516, 41.505, 72.444
CIE-LUV	56.516, 38.287, 42.32
Hunter-Lab	49.427, 7.845, 24.411
Binary	10101111, 01111110, 01000010

#af7e42
```
#af7e42 rgb(175,126,66)
```
#4273af
```
#4273af rgb(66,115,175)
```

Complementary Color

#af4842
```
#af4842 rgb(175,72,66)
```
#af7e42
```
#af7e42 rgb(175,126,66)
```
#aaaf42
```
#aaaf42 rgb(170,175,66)
```

Analogous Color

#4842af
```
#4842af rgb(72,66,175)
```
#af7e42
```
#af7e42 rgb(175,126,66)
```
#42aaaf
```
#42aaaf rgb(66,170,175)
```

Split Complementary Color

#7e42af
```
#7e42af rgb(126,66,175)
```
#af7e42
```
#af7e42 rgb(175,126,66)
```
#42af7e
```
#42af7e rgb(66,175,126)
```

Triadic Color

#af4273
```
#af4273 rgb(175,66,115)
```
#af7e42
```
#af7e42 rgb(175,126,66)
```
#42af7e
```
#42af7e rgb(66,175,126)
```
#4273af
```
#4273af rgb(66,115,175)
```

Tetradic Color

#77562d
```
#77562d rgb(119,86,45)
```
#8a6334
```
#8a6334 rgb(138,99,52)
```
#9c713b
```
#9c713b rgb(156,113,59)
```
#af7e42
```
#af7e42 rgb(175,126,66)
```
#bc8b4e
```
#bc8b4e rgb(188,139,78)
```
#c39761
```
#c39761 rgb(195,151,97)
```
#caa373
```
#caa373 rgb(202,163,115)
```

Monochromatic Color

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

#af6342
```
#af6342 rgb(175,99,66)
```
#af6c42
```
#af6c42 rgb(175,108,66)
```
#af7542
```
#af7542 rgb(175,117,66)
```
#af7e42
```
#af7e42 rgb(175,126,66)
```
#af8742
```
#af8742 rgb(175,135,66)
```
#af9042
```
#af9042 rgb(175,144,66)
```
#af9942
```
#af9942 rgb(175,153,66)
```

Similar Colors

Text with hexadecimal color #af7e42

This text has a font color of #af7e42.

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

#af7e42 background color

This paragraph has a background color of #af7e42.

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

#af7e42 border color

This element has a border color of #af7e42.

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

CSS codes

.text {color:#af7e42;}

.background {background-color:#af7e42;}

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

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 #fbf8f5 is the lightest one.

#040302
```
#040302 rgb(4,3,2)
```
#120d07
```
#120d07 rgb(18,13,7)
```
#21170c
```
#21170c rgb(33,23,12)
```
#2f2212
```
#2f2212 rgb(47,34,18)
```
#3d2c17
```
#3d2c17 rgb(61,44,23)
```
#4b361c
```
#4b361c rgb(75,54,28)
```
#5a4022
```
#5a4022 rgb(90,64,34)
```
#684b27
```
#684b27 rgb(104,75,39)
```
#76552d
```
#76552d rgb(118,85,45)
```
#845f32
```
#845f32 rgb(132,95,50)
```
#936937
```
#936937 rgb(147,105,55)
```
#a1743d
```
#a1743d rgb(161,116,61)
```
#af7e42
```
#af7e42 rgb(175,126,66)
```

Shade Color Variation

#bb884a
```
#bb884a rgb(187,136,74)
```
#c09158
```
#c09158 rgb(192,145,88)
```
#c59b66
```
#c59b66 rgb(197,155,102)
```
#cba475
```
#cba475 rgb(203,164,117)
```
#d0ad83
```
#d0ad83 rgb(208,173,131)
```
#d6b791
```
#d6b791 rgb(214,183,145)
```
#dbc09f
```
#dbc09f rgb(219,192,159)
```
#e0caae
```
#e0caae rgb(224,202,174)
```
#e6d3bc
```
#e6d3bc rgb(230,211,188)
```
#ebdcca
```
#ebdcca rgb(235,220,202)
```
#f0e6d8
```
#f0e6d8 rgb(240,230,216)
```
#f6efe7
```
#f6efe7 rgb(246,239,231)
```
#fbf8f5
```
#fbf8f5 rgb(251,248,245)
```

Tint Color Variation

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

#817970
```
#817970 rgb(129,121,112)
```
#8a7a67
```
#8a7a67 rgb(138,122,103)
```
#937b5e
```
#937b5e rgb(147,123,94)
```
#9c7c55
```
#9c7c55 rgb(156,124,85)
```
#a67d4b
```
#a67d4b rgb(166,125,75)
```
#af7e42
```
#af7e42 rgb(175,126,66)
```
#b87f39
```
#b87f39 rgb(184,127,57)
```
#c2802f
```
#c2802f rgb(194,128,47)
```
#cb8126
```
#cb8126 rgb(203,129,38)
```
#d4821d
```
#d4821d rgb(212,130,29)
```
#dd8314
```
#dd8314 rgb(221,131,20)
```
#e7840a
```
#e7840a rgb(231,132,10)
```
#f08501
```
#f08501 rgb(240,133,1)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8e8478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8d4e Protanopia 1% of men
#ac874a Deuteranopia 1% of men
#b87d86 Tritanopia 0.001% of the population

Trichromacy

#a2884a Protanomaly 1% of men, 0.01% of women
#ad8447 Deuteranomaly 6% of men, 0.4% of women
#b47d6d Tritanomaly 0.01% of the population

#af7e42 hex color

#af7e42 Color Information

#af7e42 Color Conversion

Color Schemes with #af7e42

Alternatives to #af7e42

#af7e42 Preview

Shades and Tints of #af7e42

Tones of #af7e42

Color Blindness Simulator