#af5536 hex color

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

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

● #af5536 color description : Dark moderate orange.

The hexadecimal color #af5536 has RGB values of R:175, G:85, B:54 and CMYK values of C:0, M:0.51, Y:0.69, K:0.31. Its decimal value is 11490614.

Hex triplet	af5536	`#af5536`
RGB Decimal	175, 85, 54	`rgb(175,85,54)`
RGB Percent	68.6, 33.3, 21.2	`rgb(68.6%,33.3%,21.2%)`
CMYK	0, 51, 69, 31
HSL	15.4°, 52.8, 44.9	`hsl(15.4,52.8%,44.9%)`
HSV (or HSB)	15.4°, 69.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.816, 34.339, 34.742
XYZ	21.594, 15.879, 5.418
xyY	0.503, 0.37, 15.879
CIE-LCH	46.816, 48.848, 45.334
CIE-LUV	46.816, 70.038, 30.064
Hunter-Lab	39.849, 26.995, 19.833
Binary	10101111, 01010101, 00110110

#af5536
```
#af5536 rgb(175,85,54)
```
#3690af
```
#3690af rgb(54,144,175)
```

Complementary Color

#af3654
```
#af3654 rgb(175,54,84)
```
#af5536
```
#af5536 rgb(175,85,54)
```
#af9236
```
#af9236 rgb(175,146,54)
```

Analogous Color

#3654af
```
#3654af rgb(54,84,175)
```
#af5536
```
#af5536 rgb(175,85,54)
```
#36af92
```
#36af92 rgb(54,175,146)
```

Split Complementary Color

#5536af
```
#5536af rgb(85,54,175)
```
#af5536
```
#af5536 rgb(175,85,54)
```
#36af55
```
#36af55 rgb(54,175,85)
```

Triadic Color

#af3690
```
#af3690 rgb(175,54,144)
```
#af5536
```
#af5536 rgb(175,85,54)
```
#36af55
```
#36af55 rgb(54,175,85)
```
#3690af
```
#3690af rgb(54,144,175)
```

Tetradic Color

#753924
```
#753924 rgb(117,57,36)
```
#88422a
```
#88422a rgb(136,66,42)
```
#9c4c30
```
#9c4c30 rgb(156,76,48)
```
#af5536
```
#af5536 rgb(175,85,54)
```
#c25e3c
```
#c25e3c rgb(194,94,60)
```
#c96e4f
```
#c96e4f rgb(201,110,79)
```
#cf7e63
```
#cf7e63 rgb(207,126,99)
```

Monochromatic Color

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

#af3736
```
#af3736 rgb(175,55,54)
```
#af4136
```
#af4136 rgb(175,65,54)
```
#af4b36
```
#af4b36 rgb(175,75,54)
```
#af5536
```
#af5536 rgb(175,85,54)
```
#af5f36
```
#af5f36 rgb(175,95,54)
```
#af6936
```
#af6936 rgb(175,105,54)
```
#af7336
```
#af7336 rgb(175,115,54)
```

Similar Colors

Text with hexadecimal color #af5536

This text has a font color of #af5536.

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

#af5536 background color

This paragraph has a background color of #af5536.

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

#af5536 border color

This element has a border color of #af5536.

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

CSS codes

.text {color:#af5536;}

.background {background-color:#af5536;}

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

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)
```
#371b11
```
#371b11 rgb(55,27,17)
```
#462216
```
#462216 rgb(70,34,22)
```
#55291a
```
#55291a rgb(85,41,26)
```
#64311f
```
#64311f rgb(100,49,31)
```
#733823
```
#733823 rgb(115,56,35)
```
#823f28
```
#823f28 rgb(130,63,40)
```
#91462d
```
#91462d rgb(145,70,45)
```
#a04e31
```
#a04e31 rgb(160,78,49)
```
#af5536
```
#af5536 rgb(175,85,54)
```
#be5c3b
```
#be5c3b rgb(190,92,59)
```

Shade Color Variation

#c66746
```
#c66746 rgb(198,103,70)
```
#cb7355
```
#cb7355 rgb(203,115,85)
```
#cf8064
```
#cf8064 rgb(207,128,100)
```
#d48c73
```
#d48c73 rgb(212,140,115)
```
#d89882
```
#d89882 rgb(216,152,130)
```
#dda591
```
#dda591 rgb(221,165,145)
```
#e2b1a0
```
#e2b1a0 rgb(226,177,160)
```
#e6bdaf
```
#e6bdaf rgb(230,189,175)
```
#ebcabe
```
#ebcabe rgb(235,202,190)
```
#f0d6cd
```
#f0d6cd rgb(240,214,205)
```
#f4e2dc
```
#f4e2dc rgb(244,226,220)
```
#f9efeb
```
#f9efeb rgb(249,239,235)
```
#fdfbfa
```
#fdfbfa rgb(253,251,250)
```

Tint Color Variation

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

#7a6f6b
```
#7a6f6b rgb(122,111,107)
```
#836a62
```
#836a62 rgb(131,106,98)
```
#8c6659
```
#8c6659 rgb(140,102,89)
```
#956250
```
#956250 rgb(149,98,80)
```
#9d5e48
```
#9d5e48 rgb(157,94,72)
```
#a6593f
```
#a6593f rgb(166,89,63)
```
#af5536
```
#af5536 rgb(175,85,54)
```
#b8512d
```
#b8512d rgb(184,81,45)
```
#c14c24
```
#c14c24 rgb(193,76,36)
```
#c9481c
```
#c9481c rgb(201,72,28)
```
#d24413
```
#d24413 rgb(210,68,19)
```
#db400a
```
#db400a rgb(219,64,10)
```
#e43b01
```
#e43b01 rgb(228,59,1)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#796761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817648 Protanopia 1% of men
#90713b Deuteranopia 1% of men
#b4595f Tritanopia 0.001% of the population

Trichromacy

#916a41 Protanomaly 1% of men, 0.01% of women
#9b6639 Deuteranomaly 6% of men, 0.4% of women
#b25850 Tritanomaly 0.01% of the population

#af5536 hex color

#af5536 Color Information

#af5536 Color Conversion

Color Schemes with #af5536

Alternatives to #af5536

#af5536 Preview

Shades and Tints of #af5536

Tones of #af5536

Color Blindness Simulator