#af7a42 hex color

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

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

● #af7a42 color description : Dark moderate orange.

The hexadecimal color #af7a42 has RGB values of R:175, G:122, B:66 and CMYK values of C:0, M:0.3, Y:0.62, K:0.31. Its decimal value is 11500098.

Hex triplet	af7a42	`#af7a42`
RGB Decimal	175, 122, 66	`rgb(175,122,66)`
RGB Percent	68.6, 47.8, 25.9	`rgb(68.6%,47.8%,25.9%)`
CMYK	0, 30, 62, 31
HSL	30.8°, 45.2, 47.3	`hsl(30.8,45.2%,47.3%)`
HSV (or HSB)	30.8°, 62.3, 68.6
Web Safe	996633	`#996633`

CIE-LAB	55.51, 14.762, 38.402
XYZ	25.623, 23.428, 8.327
xyY	0.447, 0.408, 23.428
CIE-LCH	55.51, 41.142, 68.973
CIE-LUV	55.51, 41.204, 40.514
Hunter-Lab	48.402, 9.788, 23.682
Binary	10101111, 01111010, 01000010

#af7a42
```
#af7a42 rgb(175,122,66)
```
#4277af
```
#4277af rgb(66,119,175)
```

Complementary Color

#af4442
```
#af4442 rgb(175,68,66)
```
#af7a42
```
#af7a42 rgb(175,122,66)
```
#aeaf42
```
#aeaf42 rgb(174,175,66)
```

Analogous Color

#4342af
```
#4342af rgb(67,66,175)
```
#af7a42
```
#af7a42 rgb(175,122,66)
```
#42aeaf
```
#42aeaf rgb(66,174,175)
```

Split Complementary Color

#7a42af
```
#7a42af rgb(122,66,175)
```
#af7a42
```
#af7a42 rgb(175,122,66)
```
#42af7a
```
#42af7a rgb(66,175,122)
```

Triadic Color

#af4277
```
#af4277 rgb(175,66,119)
```
#af7a42
```
#af7a42 rgb(175,122,66)
```
#42af7a
```
#42af7a rgb(66,175,122)
```
#4277af
```
#4277af rgb(66,119,175)
```

Tetradic Color

#77532d
```
#77532d rgb(119,83,45)
```
#8a6034
```
#8a6034 rgb(138,96,52)
```
#9c6d3b
```
#9c6d3b rgb(156,109,59)
```
#af7a42
```
#af7a42 rgb(175,122,66)
```
#bc874e
```
#bc874e rgb(188,135,78)
```
#c39361
```
#c39361 rgb(195,147,97)
```
#caa073
```
#caa073 rgb(202,160,115)
```

Monochromatic Color

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

#af5f42
```
#af5f42 rgb(175,95,66)
```
#af6842
```
#af6842 rgb(175,104,66)
```
#af7142
```
#af7142 rgb(175,113,66)
```
#af7a42
```
#af7a42 rgb(175,122,66)
```
#af8342
```
#af8342 rgb(175,131,66)
```
#af8c42
```
#af8c42 rgb(175,140,66)
```
#af9542
```
#af9542 rgb(175,149,66)
```

Similar Colors

Text with hexadecimal color #af7a42

This text has a font color of #af7a42.

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

#af7a42 background color

This paragraph has a background color of #af7a42.

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

#af7a42 border color

This element has a border color of #af7a42.

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

CSS codes

.text {color:#af7a42;}

.background {background-color:#af7a42;}

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

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)
```
#2f2112
```
#2f2112 rgb(47,33,18)
```
#3d2b17
```
#3d2b17 rgb(61,43,23)
```
#4b341c
```
#4b341c rgb(75,52,28)
```
#5a3e22
```
#5a3e22 rgb(90,62,34)
```
#684827
```
#684827 rgb(104,72,39)
```
#76522d
```
#76522d rgb(118,82,45)
```
#845c32
```
#845c32 rgb(132,92,50)
```
#936637
```
#936637 rgb(147,102,55)
```
#a1703d
```
#a1703d rgb(161,112,61)
```
#af7a42
```
#af7a42 rgb(175,122,66)
```

Shade Color Variation

#bb844a
```
#bb844a rgb(187,132,74)
```
#c08e58
```
#c08e58 rgb(192,142,88)
```
#c59766
```
#c59766 rgb(197,151,102)
```
#cba175
```
#cba175 rgb(203,161,117)
```
#d0ab83
```
#d0ab83 rgb(208,171,131)
```
#d6b491
```
#d6b491 rgb(214,180,145)
```
#dbbe9f
```
#dbbe9f rgb(219,190,159)
```
#e0c8ae
```
#e0c8ae rgb(224,200,174)
```
#e6d1bc
```
#e6d1bc rgb(230,209,188)
```
#ebdbca
```
#ebdbca rgb(235,219,202)
```
#f0e5d8
```
#f0e5d8 rgb(240,229,216)
```
#f6eee7
```
#f6eee7 rgb(246,238,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 #f07c01 is the most saturated one.

#817970
```
#817970 rgb(129,121,112)
```
#8a7967
```
#8a7967 rgb(138,121,103)
```
#93795e
```
#93795e rgb(147,121,94)
```
#9c7955
```
#9c7955 rgb(156,121,85)
```
#a67a4b
```
#a67a4b rgb(166,122,75)
```
#af7a42
```
#af7a42 rgb(175,122,66)
```
#b87a39
```
#b87a39 rgb(184,122,57)
```
#c27b2f
```
#c27b2f rgb(194,123,47)
```
#cb7b26
```
#cb7b26 rgb(203,123,38)
```
#d47b1d
```
#d47b1d rgb(212,123,29)
```
#dd7b14
```
#dd7b14 rgb(221,123,20)
```
#e77c0a
```
#e77c0a rgb(231,124,10)
```
#f07c01
```
#f07c01 rgb(240,124,1)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8c8176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988b4f Protanopia 1% of men
#a9854a Deuteranopia 1% of men
#b77a82 Tritanopia 0.001% of the population

Trichromacy

#a0854a Protanomaly 1% of men, 0.01% of women
#ab8147 Deuteranomaly 6% of men, 0.4% of women
#b47a6b Tritanomaly 0.01% of the population

#af7a42 hex color

#af7a42 Color Information

#af7a42 Color Conversion

Color Schemes with #af7a42

Alternatives to #af7a42

#af7a42 Preview

Shades and Tints of #af7a42

Tones of #af7a42

Color Blindness Simulator