#af7d4e hex color

In a RGB color space, hex #af7d4e is composed of 68.6% red, 49% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.6% magenta, 55.4% yellow and 31.4% black. It has a hue angle of 29.1 degrees, a saturation of 38.3% and a lightness of 49.6%. #af7d4e color hex could be obtained by blending #fffa9c with #5f0000. Closest websafe color is: #996666.

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

● #af7d4e color description : Dark moderate orange.

The hexadecimal color #af7d4e has RGB values of R:175, G:125, B:78 and CMYK values of C:0, M:0.29, Y:0.55, K:0.31. Its decimal value is 11500878.

Hex triplet	af7d4e	`#af7d4e`
RGB Decimal	175, 125, 78	`rgb(175,125,78)`
RGB Percent	68.6, 49, 30.6	`rgb(68.6%,49%,30.6%)`
CMYK	0, 29, 55, 31
HSL	29.1°, 38.3, 49.6	`hsl(29.1,38.3%,49.6%)`
HSV (or HSB)	29.1°, 55.4, 68.6
Web Safe	996666	`#996666`

CIE-LAB	56.419, 14.03, 33.105
XYZ	26.388, 24.333, 10.514
xyY	0.431, 0.397, 24.333
CIE-LCH	56.419, 35.955, 67.032
CIE-LUV	56.419, 37.95, 36.289
Hunter-Lab	49.328, 9.165, 21.892
Binary	10101111, 01111101, 01001110

#af7d4e
```
#af7d4e rgb(175,125,78)
```
#4e80af
```
#4e80af rgb(78,128,175)
```

Complementary Color

#af4e50
```
#af4e50 rgb(175,78,80)
```
#af7d4e
```
#af7d4e rgb(175,125,78)
```
#afae4e
```
#afae4e rgb(175,174,78)
```

Analogous Color

#4e50af
```
#4e50af rgb(78,80,175)
```
#af7d4e
```
#af7d4e rgb(175,125,78)
```
#4eafae
```
#4eafae rgb(78,175,174)
```

Split Complementary Color

#7d4eaf
```
#7d4eaf rgb(125,78,175)
```
#af7d4e
```
#af7d4e rgb(175,125,78)
```
#4eaf7d
```
#4eaf7d rgb(78,175,125)
```

Triadic Color

#af4e80
```
#af4e80 rgb(175,78,128)
```
#af7d4e
```
#af7d4e rgb(175,125,78)
```
#4eaf7d
```
#4eaf7d rgb(78,175,125)
```
#4e80af
```
#4e80af rgb(78,128,175)
```

Tetradic Color

#7a5736
```
#7a5736 rgb(122,87,54)
```
#8c643e
```
#8c643e rgb(140,100,62)
```
#9d7046
```
#9d7046 rgb(157,112,70)
```
#af7d4e
```
#af7d4e rgb(175,125,78)
```
#b88a5f
```
#b88a5f rgb(184,138,95)
```
#bf9771
```
#bf9771 rgb(191,151,113)
```
#c7a482
```
#c7a482 rgb(199,164,130)
```

Monochromatic Color

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

#af654e
```
#af654e rgb(175,101,78)
```
#af6d4e
```
#af6d4e rgb(175,109,78)
```
#af754e
```
#af754e rgb(175,117,78)
```
#af7d4e
```
#af7d4e rgb(175,125,78)
```
#af854e
```
#af854e rgb(175,133,78)
```
#af8d4e
```
#af8d4e rgb(175,141,78)
```
#af954e
```
#af954e rgb(175,149,78)
```

Similar Colors

Text with hexadecimal color #af7d4e

This text has a font color of #af7d4e.

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

#af7d4e background color

This paragraph has a background color of #af7d4e.

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

#af7d4e border color

This element has a border color of #af7d4e.

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

CSS codes

.text {color:#af7d4e;}

.background {background-color:#af7d4e;}

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

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

#0c0905
```
#0c0905 rgb(12,9,5)
```
#1a120b
```
#1a120b rgb(26,18,11)
```
#271c12
```
#271c12 rgb(39,28,18)
```
#352618
```
#352618 rgb(53,38,24)
```
#422f1e
```
#422f1e rgb(66,47,30)
```
#503924
```
#503924 rgb(80,57,36)
```
#5e432a
```
#5e432a rgb(94,67,42)
```
#6b4d30
```
#6b4d30 rgb(107,77,48)
```
#795636
```
#795636 rgb(121,86,54)
```
#86603c
```
#86603c rgb(134,96,60)
```
#946a42
```
#946a42 rgb(148,106,66)
```
#a17348
```
#a17348 rgb(161,115,72)
```
#af7d4e
```
#af7d4e rgb(175,125,78)
```

Shade Color Variation

#b6875b
```
#b6875b rgb(182,135,91)
```
#bc9168
```
#bc9168 rgb(188,145,104)
```
#c29b76
```
#c29b76 rgb(194,155,118)
```
#c8a584
```
#c8a584 rgb(200,165,132)
```
#ceaf91
```
#ceaf91 rgb(206,175,145)
```
#d4b99f
```
#d4b99f rgb(212,185,159)
```
#dac2ac
```
#dac2ac rgb(218,194,172)
```
#e0ccba
```
#e0ccba rgb(224,204,186)
```
#e6d6c7
```
#e6d6c7 rgb(230,214,199)
```
#ece0d5
```
#ece0d5 rgb(236,224,213)
```
#f2eae2
```
#f2eae2 rgb(242,234,226)
```
#f8f4f0
```
#f8f4f0 rgb(248,244,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#887e75
```
#887e75 rgb(136,126,117)
```
#927e6b
```
#927e6b rgb(146,126,107)
```
#9c7e61
```
#9c7e61 rgb(156,126,97)
```
#a57d58
```
#a57d58 rgb(165,125,88)
```
#af7d4e
```
#af7d4e rgb(175,125,78)
```
#b97d44
```
#b97d44 rgb(185,125,68)
```
#c27c3b
```
#c27c3b rgb(194,124,59)
```
#cc7c31
```
#cc7c31 rgb(204,124,49)
```
#d67c27
```
#d67c27 rgb(214,124,39)
```
#e07b1d
```
#e07b1d rgb(224,123,29)
```
#e97b14
```
#e97b14 rgb(233,123,20)
```
#f37b0a
```
#f37b0a rgb(243,123,10)
```
#fd7b00
```
#fd7b00 rgb(253,123,0)
```

Tone Color Variation

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

Dichromacy

#998d5a Protanopia 1% of men
#aa8756 Deuteranopia 1% of men
#b77d86 Tritanopia 0.001% of the population

Trichromacy

#a18756 Protanomaly 1% of men, 0.01% of women
#ac8353 Deuteranomaly 6% of men, 0.4% of women
#b47d71 Tritanomaly 0.01% of the population

#af7d4e hex color

#af7d4e Color Information

#af7d4e Color Conversion

Color Schemes with #af7d4e

Alternatives to #af7d4e

#af7d4e Preview

Shades and Tints of #af7d4e

Tones of #af7d4e

Color Blindness Simulator