colorhexa.com

#af7036 hex color

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

- R 69
- G 44
- B 21
RGB color chart
- C 0
- M 36
- Y 69
- K 31
CMYK color chart

● #af7036 color description : Dark moderate orange.

The hexadecimal color #af7036 has RGB values of R:175, G:112, B:54 and CMYK values of C:0, M:0.36, Y:0.69, K:0.31. Its decimal value is 11497526.

Hex triplet	af7036	`#af7036`
RGB Decimal	175, 112, 54	`rgb(175,112,54)`
RGB Percent	68.6, 43.9, 21.2	`rgb(68.6%,43.9%,21.2%)`
CMYK	0, 36, 69, 31
HSL	28.8°, 52.8, 44.9	`hsl(28.8,52.8%,44.9%)`
HSV (or HSB)	28.8°, 69.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	52.917, 19.586, 41.606
XYZ	24.14, 20.97, 6.266
xyY	0.47, 0.408, 20.97
CIE-LCH	52.917, 45.985, 64.791
CIE-LUV	52.917, 49.71, 40.999
Hunter-Lab	45.793, 13.957, 23.942
Binary	10101111, 01110000, 00110110

#af7036
```
#af7036 rgb(175,112,54)
```
#3675af
```
#3675af rgb(54,117,175)
```

Complementary Color

#af3639
```
#af3639 rgb(175,54,57)
```
#af7036
```
#af7036 rgb(175,112,54)
```
#afad36
```
#afad36 rgb(175,173,54)
```

Analogous Color

#3639af
```
#3639af rgb(54,57,175)
```
#af7036
```
#af7036 rgb(175,112,54)
```
#36afad
```
#36afad rgb(54,175,173)
```

Split Complementary Color

#7036af
```
#7036af rgb(112,54,175)
```
#af7036
```
#af7036 rgb(175,112,54)
```
#36af70
```
#36af70 rgb(54,175,112)
```

Triadic Color

#af3675
```
#af3675 rgb(175,54,117)
```
#af7036
```
#af7036 rgb(175,112,54)
```
#36af70
```
#36af70 rgb(54,175,112)
```
#3675af
```
#3675af rgb(54,117,175)
```

Tetradic Color

#754b24
```
#754b24 rgb(117,75,36)
```
#88572a
```
#88572a rgb(136,87,42)
```
#9c6430
```
#9c6430 rgb(156,100,48)
```
#af7036
```
#af7036 rgb(175,112,54)
```
#c27c3c
```
#c27c3c rgb(194,124,60)
```
#c9894f
```
#c9894f rgb(201,137,79)
```
#cf9763
```
#cf9763 rgb(207,151,99)
```

Monochromatic Color

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

#af5236
```
#af5236 rgb(175,82,54)
```
#af5c36
```
#af5c36 rgb(175,92,54)
```
#af6636
```
#af6636 rgb(175,102,54)
```
#af7036
```
#af7036 rgb(175,112,54)
```
#af7a36
```
#af7a36 rgb(175,122,54)
```
#af8436
```
#af8436 rgb(175,132,54)
```
#af8e36
```
#af8e36 rgb(175,142,54)
```

Similar Colors

Text with hexadecimal color #af7036

This text has a font color of #af7036.

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

#af7036 background color

This paragraph has a background color of #af7036.

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

#af7036 border color

This element has a border color of #af7036.

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

CSS codes

.text {color:#af7036;}

.background {background-color:#af7036;}

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

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

#0a0603
```
#0a0603 rgb(10,6,3)
```
#191008
```
#191008 rgb(25,16,8)
```
#281a0c
```
#281a0c rgb(40,26,12)
```
#372311
```
#372311 rgb(55,35,17)
```
#462d16
```
#462d16 rgb(70,45,22)
```
#55361a
```
#55361a rgb(85,54,26)
```
#64401f
```
#64401f rgb(100,64,31)
```
#734a23
```
#734a23 rgb(115,74,35)
```
#825328
```
#825328 rgb(130,83,40)
```
#915d2d
```
#915d2d rgb(145,93,45)
```
#a06631
```
#a06631 rgb(160,102,49)
```
#af7036
```
#af7036 rgb(175,112,54)
```
#be7a3b
```
#be7a3b rgb(190,122,59)
```

Shade Color Variation

#c68346
```
#c68346 rgb(198,131,70)
```
#cb8d55
```
#cb8d55 rgb(203,141,85)
```
#cf9864
```
#cf9864 rgb(207,152,100)
```
#d4a273
```
#d4a273 rgb(212,162,115)
```
#d8ac82
```
#d8ac82 rgb(216,172,130)
```
#ddb691
```
#ddb691 rgb(221,182,145)
```
#e2c0a0
```
#e2c0a0 rgb(226,192,160)
```
#e6caaf
```
#e6caaf rgb(230,202,175)
```
#ebd4be
```
#ebd4be rgb(235,212,190)
```
#f0decd
```
#f0decd rgb(240,222,205)
```
#f4e8dc
```
#f4e8dc rgb(244,232,220)
```
#f9f2eb
```
#f9f2eb rgb(249,242,235)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#7a726b
```
#7a726b rgb(122,114,107)
```
#837262
```
#837262 rgb(131,114,98)
```
#8c7159
```
#8c7159 rgb(140,113,89)
```
#957150
```
#957150 rgb(149,113,80)
```
#9d7148
```
#9d7148 rgb(157,113,72)
```
#a6703f
```
#a6703f rgb(166,112,63)
```
#af7036
```
#af7036 rgb(175,112,54)
```
#b8702d
```
#b8702d rgb(184,112,45)
```
#c16f24
```
#c16f24 rgb(193,111,36)
```
#c96f1c
```
#c96f1c rgb(201,111,28)
```
#d26f13
```
#d26f13 rgb(210,111,19)
```
#db6e0a
```
#db6e0a rgb(219,110,10)
```
#e46e01
```
#e46e01 rgb(228,110,1)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#867a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#928544 Protanopia 1% of men
#a37e3e Deuteranopia 1% of men
#b77178 Tritanopia 0.001% of the population

Trichromacy

#9c7d3f Protanomaly 1% of men, 0.01% of women
#a7793b Deuteranomaly 6% of men, 0.4% of women
#b47060 Tritanomaly 0.01% of the population