#af731e hex color

In a RGB color space, hex #af731e is composed of 68.6% red, 45.1% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.3% magenta, 82.9% yellow and 31.4% black. It has a hue angle of 35.2 degrees, a saturation of 70.7% and a lightness of 40.2%. #af731e color hex could be obtained by blending #ffe63c with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 45
- B 12
RGB color chart
- C 0
- M 34
- Y 83
- K 31
CMYK color chart

● #af731e color description : Dark orange [Brown tone].

The hexadecimal color #af731e has RGB values of R:175, G:115, B:30 and CMYK values of C:0, M:0.34, Y:0.83, K:0.31. Its decimal value is 11498270.

Hex triplet	af731e	`#af731e`
RGB Decimal	175, 115, 30	`rgb(175,115,30)`
RGB Percent	68.6, 45.1, 11.8	`rgb(68.6%,45.1%,11.8%)`
CMYK	0, 34, 83, 31
HSL	35.2°, 70.7, 40.2	`hsl(35.2,70.7%,40.2%)`
HSV (or HSB)	35.2°, 82.9, 68.6
Web Safe	996633	`#996633`

CIE-LAB	53.461, 16.826, 52.691
XYZ	24.045, 21.471, 4.106
xyY	0.485, 0.433, 21.471
CIE-LCH	53.461, 55.312, 72.29
CIE-LUV	53.461, 48.996, 49.2
Hunter-Lab	46.337, 11.538, 27.182
Binary	10101111, 01110011, 00011110

#af731e
```
#af731e rgb(175,115,30)
```
#1e5aaf
```
#1e5aaf rgb(30,90,175)
```

Complementary Color

#af2b1e
```
#af2b1e rgb(175,43,30)
```
#af731e
```
#af731e rgb(175,115,30)
```
#a3af1e
```
#a3af1e rgb(163,175,30)
```

Analogous Color

#2b1eaf
```
#2b1eaf rgb(43,30,175)
```
#af731e
```
#af731e rgb(175,115,30)
```
#1ea3af
```
#1ea3af rgb(30,163,175)
```

Split Complementary Color

#731eaf
```
#731eaf rgb(115,30,175)
```
#af731e
```
#af731e rgb(175,115,30)
```
#1eaf73
```
#1eaf73 rgb(30,175,115)
```

Triadic Color

#af1e5a
```
#af1e5a rgb(175,30,90)
```
#af731e
```
#af731e rgb(175,115,30)
```
#1eaf73
```
#1eaf73 rgb(30,175,115)
```
#1e5aaf
```
#1e5aaf rgb(30,90,175)
```

Tetradic Color

#6e4813
```
#6e4813 rgb(110,72,19)
```
#835617
```
#835617 rgb(131,86,23)
```
#99651a
```
#99651a rgb(153,101,26)
```
#af731e
```
#af731e rgb(175,115,30)
```
#c58122
```
#c58122 rgb(197,129,34)
```
#da8f26
```
#da8f26 rgb(218,143,38)
```
#de9b3c
```
#de9b3c rgb(222,155,60)
```

Monochromatic Color

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

#af4f1e
```
#af4f1e rgb(175,79,30)
```
#af5b1e
```
#af5b1e rgb(175,91,30)
```
#af671e
```
#af671e rgb(175,103,30)
```
#af731e
```
#af731e rgb(175,115,30)
```
#af7f1e
```
#af7f1e rgb(175,127,30)
```
#af8b1e
```
#af8b1e rgb(175,139,30)
```
#af971e
```
#af971e rgb(175,151,30)
```

Similar Colors

Text with hexadecimal color #af731e

This text has a font color of #af731e.

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

#af731e background color

This paragraph has a background color of #af731e.

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

#af731e border color

This element has a border color of #af731e.

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

CSS codes

.text {color:#af731e;}

.background {background-color:#af731e;}

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

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, #080501 is the darkest color, while #fdfaf6 is the lightest one.

#080501
```
#080501 rgb(8,5,1)
```
#181004
```
#181004 rgb(24,16,4)
```
#291b07
```
#291b07 rgb(41,27,7)
```
#3a260a
```
#3a260a rgb(58,38,10)
```
#4b310d
```
#4b310d rgb(75,49,13)
```
#5b3c10
```
#5b3c10 rgb(91,60,16)
```
#6c4713
```
#6c4713 rgb(108,71,19)
```
#7d5215
```
#7d5215 rgb(125,82,21)
```
#8e5d18
```
#8e5d18 rgb(142,93,24)
```
#9e681b
```
#9e681b rgb(158,104,27)
```
#af731e
```
#af731e rgb(175,115,30)
```
#c07e21
```
#c07e21 rgb(192,126,33)
```
#d08924
```
#d08924 rgb(208,137,36)
```

Shade Color Variation

#db932d
```
#db932d rgb(219,147,45)
```
#de9c3e
```
#de9c3e rgb(222,156,62)
```
#e1a44e
```
#e1a44e rgb(225,164,78)
```
#e4ad5f
```
#e4ad5f rgb(228,173,95)
```
#e6b570
```
#e6b570 rgb(230,181,112)
```
#e9be81
```
#e9be81 rgb(233,190,129)
```
#ecc791
```
#ecc791 rgb(236,199,145)
```
#efcfa2
```
#efcfa2 rgb(239,207,162)
```
#f2d8b3
```
#f2d8b3 rgb(242,216,179)
```
#f5e0c4
```
#f5e0c4 rgb(245,224,196)
```
#f8e9d4
```
#f8e9d4 rgb(248,233,212)
```
#fbf2e5
```
#fbf2e5 rgb(251,242,229)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,246)
```

Tint Color Variation

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

#686765
```
#686765 rgb(104,103,101)
```
#70685d
```
#70685d rgb(112,104,93)
```
#786955
```
#786955 rgb(120,105,85)
```
#806b4d
```
#806b4d rgb(128,107,77)
```
#886c45
```
#886c45 rgb(136,108,69)
```
#8f6e3e
```
#8f6e3e rgb(143,110,62)
```
#976f36
```
#976f36 rgb(151,111,54)
```
#9f702e
```
#9f702e rgb(159,112,46)
```
#a77226
```
#a77226 rgb(167,114,38)
```
#af731e
```
#af731e rgb(175,115,30)
```
#b77416
```
#b77416 rgb(183,116,22)
```
#bf760e
```
#bf760e rgb(191,118,14)
```
#c77706
```
#c77706 rgb(199,119,6)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95862c Protanopia 1% of men
#a77f26 Deuteranopia 1% of men
#b7727a Tritanopia 0.001% of the population

Trichromacy

#9e7f27 Protanomaly 1% of men, 0.01% of women
#aa7b23 Deuteranomaly 6% of men, 0.4% of women
#b47258 Tritanomaly 0.01% of the population

#af731e hex color

#af731e Color Information

#af731e Color Conversion

Color Schemes with #af731e

Alternatives to #af731e

#af731e Preview

Shades and Tints of #af731e

Tones of #af731e

Color Blindness Simulator