#af5136 hex color

In a RGB color space, hex #af5136 is composed of 68.6% red, 31.8% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.7% magenta, 69.1% yellow and 31.4% black. It has a hue angle of 13.4 degrees, a saturation of 52.8% and a lightness of 44.9%. #af5136 color hex could be obtained by blending #ffa26c with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 32
- B 21
RGB color chart
- C 0
- M 54
- Y 69
- K 31
CMYK color chart

● #af5136 color description : Dark moderate red.

The hexadecimal color #af5136 has RGB values of R:175, G:81, B:54 and CMYK values of C:0, M:0.54, Y:0.69, K:0.31. Its decimal value is 11489590.

Hex triplet	af5136	`#af5136`
RGB Decimal	175, 81, 54	`rgb(175,81,54)`
RGB Percent	68.6, 31.8, 21.2	`rgb(68.6%,31.8%,21.2%)`
CMYK	0, 54, 69, 31
HSL	13.4°, 52.8, 44.9	`hsl(13.4,52.8%,44.9%)`
HSV (or HSB)	13.4°, 69.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.998, 36.415, 33.797
XYZ	21.288, 15.267, 5.316
xyY	0.508, 0.365, 15.267
CIE-LCH	45.998, 49.682, 42.864
CIE-LUV	45.998, 72.948, 28.554
Hunter-Lab	39.073, 28.874, 19.285
Binary	10101111, 01010001, 00110110

#af5136
```
#af5136 rgb(175,81,54)
```
#3694af
```
#3694af rgb(54,148,175)
```

Complementary Color

#af3658
```
#af3658 rgb(175,54,88)
```
#af5136
```
#af5136 rgb(175,81,54)
```
#af8e36
```
#af8e36 rgb(175,142,54)
```

Analogous Color

#3658af
```
#3658af rgb(54,88,175)
```
#af5136
```
#af5136 rgb(175,81,54)
```
#36af8e
```
#36af8e rgb(54,175,142)
```

Split Complementary Color

#5136af
```
#5136af rgb(81,54,175)
```
#af5136
```
#af5136 rgb(175,81,54)
```
#36af51
```
#36af51 rgb(54,175,81)
```

Triadic Color

#af3694
```
#af3694 rgb(175,54,148)
```
#af5136
```
#af5136 rgb(175,81,54)
```
#36af51
```
#36af51 rgb(54,175,81)
```
#3694af
```
#3694af rgb(54,148,175)
```

Tetradic Color

#753624
```
#753624 rgb(117,54,36)
```
#883f2a
```
#883f2a rgb(136,63,42)
```
#9c4830
```
#9c4830 rgb(156,72,48)
```
#af5136
```
#af5136 rgb(175,81,54)
```
#c25a3c
```
#c25a3c rgb(194,90,60)
```
#c96a4f
```
#c96a4f rgb(201,106,79)
```
#cf7b63
```
#cf7b63 rgb(207,123,99)
```

Monochromatic Color

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

#af3639
```
#af3639 rgb(175,54,57)
```
#af3d36
```
#af3d36 rgb(175,61,54)
```
#af4736
```
#af4736 rgb(175,71,54)
```
#af5136
```
#af5136 rgb(175,81,54)
```
#af5b36
```
#af5b36 rgb(175,91,54)
```
#af6536
```
#af6536 rgb(175,101,54)
```
#af6f36
```
#af6f36 rgb(175,111,54)
```

Similar Colors

Text with hexadecimal color #af5136

This text has a font color of #af5136.

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

#af5136 background color

This paragraph has a background color of #af5136.

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

#af5136 border color

This element has a border color of #af5136.

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

CSS codes

.text {color:#af5136;}

.background {background-color:#af5136;}

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

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

#0a0503
```
#0a0503 rgb(10,5,3)
```
#190c08
```
#190c08 rgb(25,12,8)
```
#28130c
```
#28130c rgb(40,19,12)
```
#371911
```
#371911 rgb(55,25,17)
```
#462016
```
#462016 rgb(70,32,22)
```
#55271a
```
#55271a rgb(85,39,26)
```
#642e1f
```
#642e1f rgb(100,46,31)
```
#733523
```
#733523 rgb(115,53,35)
```
#823c28
```
#823c28 rgb(130,60,40)
```
#91432d
```
#91432d rgb(145,67,45)
```
#a04a31
```
#a04a31 rgb(160,74,49)
```
#af5136
```
#af5136 rgb(175,81,54)
```
#be583b
```
#be583b rgb(190,88,59)
```

Shade Color Variation

#c66346
```
#c66346 rgb(198,99,70)
```
#cb6f55
```
#cb6f55 rgb(203,111,85)
```
#cf7c64
```
#cf7c64 rgb(207,124,100)
```
#d48973
```
#d48973 rgb(212,137,115)
```
#d89582
```
#d89582 rgb(216,149,130)
```
#dda291
```
#dda291 rgb(221,162,145)
```
#e2afa0
```
#e2afa0 rgb(226,175,160)
```
#e6bbaf
```
#e6bbaf rgb(230,187,175)
```
#ebc8be
```
#ebc8be rgb(235,200,190)
```
#f0d5cd
```
#f0d5cd rgb(240,213,205)
```
#f4e2dc
```
#f4e2dc rgb(244,226,220)
```
#f9eeeb
```
#f9eeeb rgb(249,238,235)
```
#fdfbfa
```
#fdfbfa rgb(253,251,250)
```

Tint Color Variation

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

#7a6e6b
```
#7a6e6b rgb(122,110,107)
```
#836962
```
#836962 rgb(131,105,98)
```
#8c6559
```
#8c6559 rgb(140,101,89)
```
#956050
```
#956050 rgb(149,96,80)
```
#9d5b48
```
#9d5b48 rgb(157,91,72)
```
#a6563f
```
#a6563f rgb(166,86,63)
```
#af5136
```
#af5136 rgb(175,81,54)
```
#b84c2d
```
#b84c2d rgb(184,76,45)
```
#c14724
```
#c14724 rgb(193,71,36)
```
#c9421c
```
#c9421c rgb(201,66,28)
```
#d23d13
```
#d23d13 rgb(210,61,19)
```
#db390a
```
#db390a rgb(219,57,10)
```
#e43401
```
#e43401 rgb(228,52,1)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#786560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7449 Protanopia 1% of men
#8e6f3a Deuteranopia 1% of men
#b4565b Tritanopia 0.001% of the population

Trichromacy

#906742 Protanomaly 1% of men, 0.01% of women
#9a6439 Deuteranomaly 6% of men, 0.4% of women
#b2544e Tritanomaly 0.01% of the population

#af5136 hex color

#af5136 Color Information

#af5136 Color Conversion

Color Schemes with #af5136

Alternatives to #af5136

#af5136 Preview

Shades and Tints of #af5136

Tones of #af5136

Color Blindness Simulator