colorhexa.com

#af7f36 hex color

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

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

● #af7f36 color description : Dark moderate orange.

The hexadecimal color #af7f36 has RGB values of R:175, G:127, B:54 and CMYK values of C:0, M:0.27, Y:0.69, K:0.31. Its decimal value is 11501366.

Hex triplet	af7f36	`#af7f36`
RGB Decimal	175, 127, 54	`rgb(175,127,54)`
RGB Percent	68.6, 49.8, 21.2	`rgb(68.6%,49.8%,21.2%)`
CMYK	0, 27, 69, 31
HSL	36.2°, 52.8, 44.9	`hsl(36.2,52.8%,44.9%)`
HSV (or HSB)	36.2°, 69.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	56.645, 11.18, 45.649
XYZ	25.935, 24.561, 6.865
xyY	0.452, 0.428, 24.561
CIE-LCH	56.645, 46.998, 76.238
CIE-LUV	56.645, 38.419, 47.411
Hunter-Lab	49.559, 6.685, 26.479
Binary	10101111, 01111111, 00110110

#af7f36
```
#af7f36 rgb(175,127,54)
```
#3666af
```
#3666af rgb(54,102,175)
```

Complementary Color

#af4336
```
#af4336 rgb(175,67,54)
```
#af7f36
```
#af7f36 rgb(175,127,54)
```
#a3af36
```
#a3af36 rgb(163,175,54)
```

Analogous Color

#4236af
```
#4236af rgb(66,54,175)
```
#af7f36
```
#af7f36 rgb(175,127,54)
```
#36a3af
```
#36a3af rgb(54,163,175)
```

Split Complementary Color

#7f36af
```
#7f36af rgb(127,54,175)
```
#af7f36
```
#af7f36 rgb(175,127,54)
```
#36af7f
```
#36af7f rgb(54,175,127)
```

Triadic Color

#af3666
```
#af3666 rgb(175,54,102)
```
#af7f36
```
#af7f36 rgb(175,127,54)
```
#36af7f
```
#36af7f rgb(54,175,127)
```
#3666af
```
#3666af rgb(54,102,175)
```

Tetradic Color

#755524
```
#755524 rgb(117,85,36)
```
#88632a
```
#88632a rgb(136,99,42)
```
#9c7130
```
#9c7130 rgb(156,113,48)
```
#af7f36
```
#af7f36 rgb(175,127,54)
```
#c28d3c
```
#c28d3c rgb(194,141,60)
```
#c9994f
```
#c9994f rgb(201,153,79)
```
#cfa463
```
#cfa463 rgb(207,164,99)
```

Monochromatic Color

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

#af6136
```
#af6136 rgb(175,97,54)
```
#af6b36
```
#af6b36 rgb(175,107,54)
```
#af7536
```
#af7536 rgb(175,117,54)
```
#af7f36
```
#af7f36 rgb(175,127,54)
```
#af8936
```
#af8936 rgb(175,137,54)
```
#af9336
```
#af9336 rgb(175,147,54)
```
#af9d36
```
#af9d36 rgb(175,157,54)
```

Similar Colors

Text with hexadecimal color #af7f36

This text has a font color of #af7f36.

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

#af7f36 background color

This paragraph has a background color of #af7f36.

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

#af7f36 border color

This element has a border color of #af7f36.

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

CSS codes

.text {color:#af7f36;}

.background {background-color:#af7f36;}

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

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

#0a0703
```
#0a0703 rgb(10,7,3)
```
#191208
```
#191208 rgb(25,18,8)
```
#281d0c
```
#281d0c rgb(40,29,12)
```
#372811
```
#372811 rgb(55,40,17)
```
#463316
```
#463316 rgb(70,51,22)
```
#553e1a
```
#553e1a rgb(85,62,26)
```
#64491f
```
#64491f rgb(100,73,31)
```
#735323
```
#735323 rgb(115,83,35)
```
#825e28
```
#825e28 rgb(130,94,40)
```
#91692d
```
#91692d rgb(145,105,45)
```
#a07431
```
#a07431 rgb(160,116,49)
```
#af7f36
```
#af7f36 rgb(175,127,54)
```
#be8a3b
```
#be8a3b rgb(190,138,59)
```

Shade Color Variation

#c69346
```
#c69346 rgb(198,147,70)
```
#cb9c55
```
#cb9c55 rgb(203,156,85)
```
#cfa564
```
#cfa564 rgb(207,165,100)
```
#d4ae73
```
#d4ae73 rgb(212,174,115)
```
#d8b682
```
#d8b682 rgb(216,182,130)
```
#ddbf91
```
#ddbf91 rgb(221,191,145)
```
#e2c8a0
```
#e2c8a0 rgb(226,200,160)
```
#e6d0af
```
#e6d0af rgb(230,208,175)
```
#ebd9be
```
#ebd9be rgb(235,217,190)
```
#f0e2cd
```
#f0e2cd rgb(240,226,205)
```
#f4ebdc
```
#f4ebdc rgb(244,235,220)
```
#f9f3eb
```
#f9f3eb rgb(249,243,235)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#7a746b
```
#7a746b rgb(122,116,107)
```
#837662
```
#837662 rgb(131,118,98)
```
#8c7859
```
#8c7859 rgb(140,120,89)
```
#957a50
```
#957a50 rgb(149,122,80)
```
#9d7b48
```
#9d7b48 rgb(157,123,72)
```
#a67d3f
```
#a67d3f rgb(166,125,63)
```
#af7f36
```
#af7f36 rgb(175,127,54)
```
#b8812d
```
#b8812d rgb(184,129,45)
```
#c18324
```
#c18324 rgb(193,131,36)
```
#c9841c
```
#c9841c rgb(201,132,28)
```
#d28613
```
#d28613 rgb(210,134,19)
```
#db880a
```
#db880a rgb(219,136,10)
```
#e48a01
```
#e48a01 rgb(228,138,1)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8d8475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8e42 Protanopia 1% of men
#ae873f Deuteranopia 1% of men
#b87e86 Tritanopia 0.001% of the population

Trichromacy

#a3883e Protanomaly 1% of men, 0.01% of women
#ae843c Deuteranomaly 6% of men, 0.4% of women
#b57e69 Tritanomaly 0.01% of the population