#af7c4d hex color

In a RGB color space, hex #af7c4d is composed of 68.6% red, 48.6% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.1% magenta, 56% yellow and 31.4% black. It has a hue angle of 28.8 degrees, a saturation of 38.9% and a lightness of 49.4%. #af7c4d color hex could be obtained by blending #fff89a with #5f0000. Closest websafe color is: #996666.

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

● #af7c4d color description : Dark moderate orange.

The hexadecimal color #af7c4d has RGB values of R:175, G:124, B:77 and CMYK values of C:0, M:0.29, Y:0.56, K:0.31. Its decimal value is 11500621.

Hex triplet	af7c4d	`#af7c4d`
RGB Decimal	175, 124, 77	`rgb(175,124,77)`
RGB Percent	68.6, 48.6, 30.2	`rgb(68.6%,48.6%,30.2%)`
CMYK	0, 29, 56, 31
HSL	28.8°, 38.9, 49.4	`hsl(28.8,38.9%,49.4%)`
HSV (or HSB)	28.8°, 56, 68.6
Web Safe	996666	`#996666`

CIE-LAB	56.154, 14.506, 33.32
XYZ	26.227, 24.067, 10.285
xyY	0.433, 0.397, 24.067
CIE-LCH	56.154, 36.341, 66.475
CIE-LUV	56.154, 38.753, 36.314
Hunter-Lab	49.058, 9.577, 21.91
Binary	10101111, 01111100, 01001101

#af7c4d
```
#af7c4d rgb(175,124,77)
```
#4d80af
```
#4d80af rgb(77,128,175)
```

Complementary Color

#af4d4f
```
#af4d4f rgb(175,77,79)
```
#af7c4d
```
#af7c4d rgb(175,124,77)
```
#afad4d
```
#afad4d rgb(175,173,77)
```

Analogous Color

#4d4faf
```
#4d4faf rgb(77,79,175)
```
#af7c4d
```
#af7c4d rgb(175,124,77)
```
#4dafad
```
#4dafad rgb(77,175,173)
```

Split Complementary Color

#7c4daf
```
#7c4daf rgb(124,77,175)
```
#af7c4d
```
#af7c4d rgb(175,124,77)
```
#4daf7c
```
#4daf7c rgb(77,175,124)
```

Triadic Color

#af4d80
```
#af4d80 rgb(175,77,128)
```
#af7c4d
```
#af7c4d rgb(175,124,77)
```
#4daf7c
```
#4daf7c rgb(77,175,124)
```
#4d80af
```
#4d80af rgb(77,128,175)
```

Tetradic Color

#7a5636
```
#7a5636 rgb(122,86,54)
```
#8c633d
```
#8c633d rgb(140,99,61)
```
#9d6f45
```
#9d6f45 rgb(157,111,69)
```
#af7c4d
```
#af7c4d rgb(175,124,77)
```
#b8895e
```
#b8895e rgb(184,137,94)
```
#c0966f
```
#c0966f rgb(192,150,111)
```
#c8a381
```
#c8a381 rgb(200,163,129)
```

Monochromatic Color

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

#af644d
```
#af644d rgb(175,100,77)
```
#af6c4d
```
#af6c4d rgb(175,108,77)
```
#af744d
```
#af744d rgb(175,116,77)
```
#af7c4d
```
#af7c4d rgb(175,124,77)
```
#af844d
```
#af844d rgb(175,132,77)
```
#af8c4d
```
#af8c4d rgb(175,140,77)
```
#af954d
```
#af954d rgb(175,149,77)
```

Similar Colors

Text with hexadecimal color #af7c4d

This text has a font color of #af7c4d.

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

#af7c4d background color

This paragraph has a background color of #af7c4d.

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

#af7c4d border color

This element has a border color of #af7c4d.

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

CSS codes

.text {color:#af7c4d;}

.background {background-color:#af7c4d;}

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

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

#0c0805
```
#0c0805 rgb(12,8,5)
```
#19120b
```
#19120b rgb(25,18,11)
```
#271b11
```
#271b11 rgb(39,27,17)
```
#342517
```
#342517 rgb(52,37,23)
```
#422f1d
```
#422f1d rgb(66,47,29)
```
#503823
```
#503823 rgb(80,56,35)
```
#5d4229
```
#5d4229 rgb(93,66,41)
```
#6b4c2f
```
#6b4c2f rgb(107,76,47)
```
#795535
```
#795535 rgb(121,85,53)
```
#865f3b
```
#865f3b rgb(134,95,59)
```
#946941
```
#946941 rgb(148,105,65)
```
#a17247
```
#a17247 rgb(161,114,71)
```
#af7c4d
```
#af7c4d rgb(175,124,77)
```

Shade Color Variation

#b68659
```
#b68659 rgb(182,134,89)
```
#bc9067
```
#bc9067 rgb(188,144,103)
```
#c29a75
```
#c29a75 rgb(194,154,117)
```
#c8a482
```
#c8a482 rgb(200,164,130)
```
#ceae90
```
#ceae90 rgb(206,174,144)
```
#d4b89e
```
#d4b89e rgb(212,184,158)
```
#dac2ab
```
#dac2ab rgb(218,194,171)
```
#e0ccb9
```
#e0ccb9 rgb(224,204,185)
```
#e6d6c6
```
#e6d6c6 rgb(230,214,198)
```
#ece0d4
```
#ece0d4 rgb(236,224,212)
```
#f2eae2
```
#f2eae2 rgb(242,234,226)
```
#f8f4ef
```
#f8f4ef rgb(248,244,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#7f7e7d
```
#7f7e7d rgb(127,126,125)
```
#887e74
```
#887e74 rgb(136,126,116)
```
#927d6a
```
#927d6a rgb(146,125,106)
```
#9c7d60
```
#9c7d60 rgb(156,125,96)
```
#a57c57
```
#a57c57 rgb(165,124,87)
```
#af7c4d
```
#af7c4d rgb(175,124,77)
```
#b97c43
```
#b97c43 rgb(185,124,67)
```
#c27b3a
```
#c27b3a rgb(194,123,58)
```
#cc7b30
```
#cc7b30 rgb(204,123,48)
```
#d67a26
```
#d67a26 rgb(214,122,38)
```
#df7a1d
```
#df7a1d rgb(223,122,29)
```
#e97a13
```
#e97a13 rgb(233,122,19)
```
#f37909
```
#f37909 rgb(243,121,9)
```

Tone Color Variation

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

Dichromacy

#998c59 Protanopia 1% of men
#aa8655 Deuteranopia 1% of men
#b77c85 Tritanopia 0.001% of the population

Trichromacy

#a18655 Protanomaly 1% of men, 0.01% of women
#ab8252 Deuteranomaly 6% of men, 0.4% of women
#b47c70 Tritanomaly 0.01% of the population

#af7c4d hex color

#af7c4d Color Information

#af7c4d Color Conversion

Color Schemes with #af7c4d

Alternatives to #af7c4d

#af7c4d Preview

Shades and Tints of #af7c4d

Tones of #af7c4d

Color Blindness Simulator