#af7e4c hex color

In a RGB color space, hex #af7e4c is composed of 68.6% red, 49.4% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 56.6% yellow and 31.4% black. It has a hue angle of 30.3 degrees, a saturation of 39.4% and a lightness of 49.2%. #af7e4c color hex could be obtained by blending #fffc98 with #5f0000. Closest websafe color is: #996633.

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

● #af7e4c color description : Dark moderate orange.

The hexadecimal color #af7e4c has RGB values of R:175, G:126, B:76 and CMYK values of C:0, M:0.28, Y:0.57, K:0.31. Its decimal value is 11501132.

Hex triplet	af7e4c	`#af7e4c`
RGB Decimal	175, 126, 76	`rgb(175,126,76)`
RGB Percent	68.6, 49.4, 29.8	`rgb(68.6%,49.4%,29.8%)`
CMYK	0, 28, 57, 31
HSL	30.3°, 39.4, 49.2	`hsl(30.3,39.4%,49.2%)`
HSV (or HSB)	30.3°, 56.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	56.643, 13.299, 34.459
XYZ	26.445, 24.559, 10.185
xyY	0.432, 0.401, 24.559
CIE-LCH	56.643, 36.937, 68.897
CIE-LUV	56.643, 37.429, 37.751
Hunter-Lab	49.557, 8.528, 22.505
Binary	10101111, 01111110, 01001100

#af7e4c
```
#af7e4c rgb(175,126,76)
```
#4c7daf
```
#4c7daf rgb(76,125,175)
```

Complementary Color

#af4d4c
```
#af4d4c rgb(175,77,76)
```
#af7e4c
```
#af7e4c rgb(175,126,76)
```
#afaf4c
```
#afaf4c rgb(175,175,76)
```

Analogous Color

#4d4caf
```
#4d4caf rgb(77,76,175)
```
#af7e4c
```
#af7e4c rgb(175,126,76)
```
#4cafaf
```
#4cafaf rgb(76,175,175)
```

Split Complementary Color

#7e4caf
```
#7e4caf rgb(126,76,175)
```
#af7e4c
```
#af7e4c rgb(175,126,76)
```
#4caf7e
```
#4caf7e rgb(76,175,126)
```

Triadic Color

#af4c7d
```
#af4c7d rgb(175,76,125)
```
#af7e4c
```
#af7e4c rgb(175,126,76)
```
#4caf7e
```
#4caf7e rgb(76,175,126)
```
#4c7daf
```
#4c7daf rgb(76,125,175)
```

Tetradic Color

#7a5835
```
#7a5835 rgb(122,88,53)
```
#8b643d
```
#8b643d rgb(139,100,61)
```
#9d7144
```
#9d7144 rgb(157,113,68)
```
#af7e4c
```
#af7e4c rgb(175,126,76)
```
#b88b5c
```
#b88b5c rgb(184,139,92)
```
#c0976e
```
#c0976e rgb(192,151,110)
```
#c8a480
```
#c8a480 rgb(200,164,128)
```

Monochromatic Color

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

#af654c
```
#af654c rgb(175,101,76)
```
#af6e4c
```
#af6e4c rgb(175,110,76)
```
#af764c
```
#af764c rgb(175,118,76)
```
#af7e4c
```
#af7e4c rgb(175,126,76)
```
#af864c
```
#af864c rgb(175,134,76)
```
#af8f4c
```
#af8f4c rgb(175,143,76)
```
#af974c
```
#af974c rgb(175,151,76)
```

Similar Colors

Text with hexadecimal color #af7e4c

This text has a font color of #af7e4c.

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

#af7e4c background color

This paragraph has a background color of #af7e4c.

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

#af7e4c border color

This element has a border color of #af7e4c.

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

CSS codes

.text {color:#af7e4c;}

.background {background-color:#af7e4c;}

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

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, #0b0805 is the darkest color, while #fefdfc is the lightest one.

#0b0805
```
#0b0805 rgb(11,8,5)
```
#19120b
```
#19120b rgb(25,18,11)
```
#261c11
```
#261c11 rgb(38,28,17)
```
#342517
```
#342517 rgb(52,37,23)
```
#422f1c
```
#422f1c rgb(66,47,28)
```
#4f3922
```
#4f3922 rgb(79,57,34)
```
#5d4328
```
#5d4328 rgb(93,67,40)
```
#6b4d2e
```
#6b4d2e rgb(107,77,46)
```
#785734
```
#785734 rgb(120,87,52)
```
#86603a
```
#86603a rgb(134,96,58)
```
#946a40
```
#946a40 rgb(148,106,64)
```
#a17446
```
#a17446 rgb(161,116,70)
```
#af7e4c
```
#af7e4c rgb(175,126,76)
```

Shade Color Variation

#b78858
```
#b78858 rgb(183,136,88)
```
#bc9266
```
#bc9266 rgb(188,146,102)
```
#c29b73
```
#c29b73 rgb(194,155,115)
```
#c8a581
```
#c8a581 rgb(200,165,129)
```
#ceaf8f
```
#ceaf8f rgb(206,175,143)
```
#d4b99c
```
#d4b99c rgb(212,185,156)
```
#dac2aa
```
#dac2aa rgb(218,194,170)
```
#e0ccb8
```
#e0ccb8 rgb(224,204,184)
```
#e6d6c6
```
#e6d6c6 rgb(230,214,198)
```
#ece0d3
```
#ece0d3 rgb(236,224,211)
```
#f2e9e1
```
#f2e9e1 rgb(242,233,225)
```
#f8f3ef
```
#f8f3ef rgb(248,243,239)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#7f7e7c
```
#7f7e7c rgb(127,126,124)
```
#887e73
```
#887e73 rgb(136,126,115)
```
#927e69
```
#927e69 rgb(146,126,105)
```
#9c7e5f
```
#9c7e5f rgb(156,126,95)
```
#a57e56
```
#a57e56 rgb(165,126,86)
```
#af7e4c
```
#af7e4c rgb(175,126,76)
```
#b97e42
```
#b97e42 rgb(185,126,66)
```
#c27e39
```
#c27e39 rgb(194,126,57)
```
#cc7e2f
```
#cc7e2f rgb(204,126,47)
```
#d67e25
```
#d67e25 rgb(214,126,37)
```
#df7e1c
```
#df7e1c rgb(223,126,28)
```
#e97f12
```
#e97f12 rgb(233,127,18)
```
#f37f08
```
#f37f08 rgb(243,127,8)
```

Tone Color Variation

Below, you can see how #af7e4c 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
#8f857b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8e58 Protanopia 1% of men
#ab8754 Deuteranopia 1% of men
#b77e87 Tritanopia 0.001% of the population

Trichromacy

#a28854 Protanomaly 1% of men, 0.01% of women
#ac8451 Deuteranomaly 6% of men, 0.4% of women
#b47e71 Tritanomaly 0.01% of the population

#af7e4c hex color

#af7e4c Color Information

#af7e4c Color Conversion

Color Schemes with #af7e4c

Alternatives to #af7e4c

#af7e4c Preview

Shades and Tints of #af7e4c

Tones of #af7e4c

Color Blindness Simulator