#af7f5e hex color

In a RGB color space, hex #af7f5e is composed of 68.6% red, 49.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 46.3% yellow and 31.4% black. It has a hue angle of 24.4 degrees, a saturation of 33.6% and a lightness of 52.7%. #af7f5e color hex could be obtained by blending #fffebc with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 50
- B 37
RGB color chart
- C 0
- M 27
- Y 46
- K 31
CMYK color chart

● #af7f5e color description : Dark moderate orange.

The hexadecimal color #af7f5e has RGB values of R:175, G:127, B:94 and CMYK values of C:0, M:0.27, Y:0.46, K:0.31. Its decimal value is 11501406.

Hex triplet	af7f5e	`#af7f5e`
RGB Decimal	175, 127, 94	`rgb(175,127,94)`
RGB Percent	68.6, 49.8, 36.9	`rgb(68.6%,49.8%,36.9%)`
CMYK	0, 27, 46, 31
HSL	24.4°, 33.6, 52.7	`hsl(24.4,33.6%,52.7%)`
HSV (or HSB)	24.4°, 46.3, 68.6
Web Safe	996666	`#996666`

CIE-LAB	57.175, 14.444, 25.226
XYZ	27.289, 25.102, 13.997
xyY	0.411, 0.378, 25.102
CIE-LCH	57.175, 29.068, 60.205
CIE-LUV	57.175, 34.94, 28.559
Hunter-Lab	50.102, 9.545, 18.508
Binary	10101111, 01111111, 01011110

#af7f5e
```
#af7f5e rgb(175,127,94)
```
#5e8eaf
```
#5e8eaf rgb(94,142,175)
```

Complementary Color

#af5e66
```
#af5e66 rgb(175,94,102)
```
#af7f5e
```
#af7f5e rgb(175,127,94)
```
#afa85e
```
#afa85e rgb(175,168,94)
```

Analogous Color

#5e66af
```
#5e66af rgb(94,102,175)
```
#af7f5e
```
#af7f5e rgb(175,127,94)
```
#5eafa8
```
#5eafa8 rgb(94,175,168)
```

Split Complementary Color

#7f5eaf
```
#7f5eaf rgb(127,94,175)
```
#af7f5e
```
#af7f5e rgb(175,127,94)
```
#5eaf7f
```
#5eaf7f rgb(94,175,127)
```

Triadic Color

#af5e8e
```
#af5e8e rgb(175,94,142)
```
#af7f5e
```
#af7f5e rgb(175,127,94)
```
#5eaf7f
```
#5eaf7f rgb(94,175,127)
```
#5e8eaf
```
#5e8eaf rgb(94,142,175)
```

Tetradic Color

#815a40
```
#815a40 rgb(129,90,64)
```
#926648
```
#926648 rgb(146,102,72)
```
#a37251
```
#a37251 rgb(163,114,81)
```
#af7f5e
```
#af7f5e rgb(175,127,94)
```
#b78d6f
```
#b78d6f rgb(183,141,111)
```
#c09a80
```
#c09a80 rgb(192,154,128)
```
#c8a891
```
#c8a891 rgb(200,168,145)
```

Monochromatic Color

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

#af6b5e
```
#af6b5e rgb(175,107,94)
```
#af725e
```
#af725e rgb(175,114,94)
```
#af785e
```
#af785e rgb(175,120,94)
```
#af7f5e
```
#af7f5e rgb(175,127,94)
```
#af865e
```
#af865e rgb(175,134,94)
```
#af8d5e
```
#af8d5e rgb(175,141,94)
```
#af935e
```
#af935e rgb(175,147,94)
```

Similar Colors

Text with hexadecimal color #af7f5e

This text has a font color of #af7f5e.

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

#af7f5e background color

This paragraph has a background color of #af7f5e.

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

#af7f5e border color

This element has a border color of #af7f5e.

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

CSS codes

.text {color:#af7f5e;}

.background {background-color:#af7f5e;}

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

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

#090705
```
#090705 rgb(9,7,5)
```
#16100b
```
#16100b rgb(22,16,11)
```
#241912
```
#241912 rgb(36,25,18)
```
#312218
```
#312218 rgb(49,34,24)
```
#3e2b1f
```
#3e2b1f rgb(62,43,31)
```
#4b3525
```
#4b3525 rgb(75,53,37)
```
#583e2c
```
#583e2c rgb(88,62,44)
```
#654732
```
#654732 rgb(101,71,50)
```
#725039
```
#725039 rgb(114,80,57)
```
#7f593f
```
#7f593f rgb(127,89,63)
```
#8c6346
```
#8c6346 rgb(140,99,70)
```
#996c4c
```
#996c4c rgb(153,108,76)
```
#a77553
```
#a77553 rgb(167,117,83)
```

Shade Color Variation

#af7f5e
```
#af7f5e rgb(175,127,94)
```
#b6896b
```
#b6896b rgb(182,137,107)
```
#bc9478
```
#bc9478 rgb(188,148,120)
```
#c39e85
```
#c39e85 rgb(195,158,133)
```
#c9a992
```
#c9a992 rgb(201,169,146)
```
#d0b3a0
```
#d0b3a0 rgb(208,179,160)
```
#d6bead
```
#d6bead rgb(214,190,173)
```
#ddc8ba
```
#ddc8ba rgb(221,200,186)
```
#e3d2c7
```
#e3d2c7 rgb(227,210,199)
```
#eaddd4
```
#eaddd4 rgb(234,221,212)
```
#f0e7e1
```
#f0e7e1 rgb(240,231,225)
```
#f7f2ee
```
#f7f2ee rgb(247,242,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#8a8683
```
#8a8683 rgb(138,134,131)
```
#93847a
```
#93847a rgb(147,132,122)
```
#9c8271
```
#9c8271 rgb(156,130,113)
```
#a68167
```
#a68167 rgb(166,129,103)
```
#af7f5e
```
#af7f5e rgb(175,127,94)
```
#b87d55
```
#b87d55 rgb(184,125,85)
```
#c27c4b
```
#c27c4b rgb(194,124,75)
```
#cb7a42
```
#cb7a42 rgb(203,122,66)
```
#d47839
```
#d47839 rgb(212,120,57)
```
#dd7630
```
#dd7630 rgb(221,118,48)
```
#e77526
```
#e77526 rgb(231,117,38)
```
#f0731d
```
#f0731d rgb(240,115,29)
```
#f97114
```
#f97114 rgb(249,113,20)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#918881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998f6a Protanopia 1% of men
#aa8965 Deuteranopia 1% of men
#b68089 Tritanopia 0.001% of the population

Trichromacy

#a18965 Protanomaly 1% of men, 0.01% of women
#ab8562 Deuteranomaly 6% of men, 0.4% of women
#b38079 Tritanomaly 0.01% of the population

#af7f5e hex color

#af7f5e Color Information

#af7f5e Color Conversion

Color Schemes with #af7f5e

Alternatives to #af7f5e

#af7f5e Preview

Shades and Tints of #af7f5e

Tones of #af7f5e

Color Blindness Simulator