#af722e hex color

In a RGB color space, hex #af722e is composed of 68.6% red, 44.7% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.9% magenta, 73.7% yellow and 31.4% black. It has a hue angle of 31.6 degrees, a saturation of 58.4% and a lightness of 43.3%. #af722e color hex could be obtained by blending #ffe45c with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 45
- B 18
RGB color chart
- C 0
- M 35
- Y 74
- K 31
CMYK color chart

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

The hexadecimal color #af722e has RGB values of R:175, G:114, B:46 and CMYK values of C:0, M:0.35, Y:0.74, K:0.31. Its decimal value is 11498030.

Hex triplet	af722e	`#af722e`
RGB Decimal	175, 114, 46	`rgb(175,114,46)`
RGB Percent	68.6, 44.7, 18	`rgb(68.6%,44.7%,18%)`
CMYK	0, 35, 74, 31
HSL	31.6°, 58.4, 43.3	`hsl(31.6,58.4%,43.3%)`
HSV (or HSB)	31.6°, 73.7, 68.6
Web Safe	996633	`#996633`

CIE-LAB	53.328, 18.036, 45.909
XYZ	24.19, 21.347, 5.431
xyY	0.475, 0.419, 21.347
CIE-LCH	53.328, 49.325, 68.552
CIE-LUV	53.328, 48.821, 44.591
Hunter-Lab	46.203, 12.6, 25.373
Binary	10101111, 01110010, 00101110

#af722e
```
#af722e rgb(175,114,46)
```
#2e6baf
```
#2e6baf rgb(46,107,175)
```

Complementary Color

#af322e
```
#af322e rgb(175,50,46)
```
#af722e
```
#af722e rgb(175,114,46)
```
#acaf2e
```
#acaf2e rgb(172,175,46)
```

Analogous Color

#322eaf
```
#322eaf rgb(50,46,175)
```
#af722e
```
#af722e rgb(175,114,46)
```
#2eacaf
```
#2eacaf rgb(46,172,175)
```

Split Complementary Color

#722eaf
```
#722eaf rgb(114,46,175)
```
#af722e
```
#af722e rgb(175,114,46)
```
#2eaf72
```
#2eaf72 rgb(46,175,114)
```

Triadic Color

#af2e6b
```
#af2e6b rgb(175,46,107)
```
#af722e
```
#af722e rgb(175,114,46)
```
#2eaf72
```
#2eaf72 rgb(46,175,114)
```
#2e6baf
```
#2e6baf rgb(46,107,175)
```

Tetradic Color

#724b1e
```
#724b1e rgb(114,75,30)
```
#875823
```
#875823 rgb(135,88,35)
```
#9b6529
```
#9b6529 rgb(155,101,41)
```
#af722e
```
#af722e rgb(175,114,46)
```
#c37f33
```
#c37f33 rgb(195,127,51)
```
#cd8c43
```
#cd8c43 rgb(205,140,67)
```
#d39857
```
#d39857 rgb(211,152,87)
```

Monochromatic Color

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

#af522e
```
#af522e rgb(175,82,46)
```
#af5d2e
```
#af5d2e rgb(175,93,46)
```
#af672e
```
#af672e rgb(175,103,46)
```
#af722e
```
#af722e rgb(175,114,46)
```
#af7d2e
```
#af7d2e rgb(175,125,46)
```
#af882e
```
#af882e rgb(175,136,46)
```
#af922e
```
#af922e rgb(175,146,46)
```

Similar Colors

Text with hexadecimal color #af722e

This text has a font color of #af722e.

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

#af722e background color

This paragraph has a background color of #af722e.

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

#af722e border color

This element has a border color of #af722e.

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

CSS codes

.text {color:#af722e;}

.background {background-color:#af722e;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#140d05
```
#140d05 rgb(20,13,5)
```
#231709
```
#231709 rgb(35,23,9)
```
#33210d
```
#33210d rgb(51,33,13)
```
#422b11
```
#422b11 rgb(66,43,17)
```
#523516
```
#523516 rgb(82,53,22)
```
#613f1a
```
#613f1a rgb(97,63,26)
```
#714a1e
```
#714a1e rgb(113,74,30)
```
#805422
```
#805422 rgb(128,84,34)
```
#905e26
```
#905e26 rgb(144,94,38)
```
#9f682a
```
#9f682a rgb(159,104,42)
```
#af722e
```
#af722e rgb(175,114,46)
```
#bf7c32
```
#bf7c32 rgb(191,124,50)
```

Shade Color Variation

#cb8639
```
#cb8639 rgb(203,134,57)
```
#cf9049
```
#cf9049 rgb(207,144,73)
```
#d39958
```
#d39958 rgb(211,153,88)
```
#d7a368
```
#d7a368 rgb(215,163,104)
```
#dbac77
```
#dbac77 rgb(219,172,119)
```
#dfb687
```
#dfb687 rgb(223,182,135)
```
#e4bf96
```
#e4bf96 rgb(228,191,150)
```
#e8c9a6
```
#e8c9a6 rgb(232,201,166)
```
#ecd2b5
```
#ecd2b5 rgb(236,210,181)
```
#f0dcc5
```
#f0dcc5 rgb(240,220,197)
```
#f4e5d5
```
#f4e5d5 rgb(244,229,213)
```
#f8efe4
```
#f8efe4 rgb(248,239,228)
```
#fcf8f4
```
#fcf8f4 rgb(252,248,244)
```

Tint Color Variation

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

#746f6a
```
#746f6a rgb(116,111,106)
```
#7c6f61
```
#7c6f61 rgb(124,111,97)
```
#857059
```
#857059 rgb(133,112,89)
```
#8d7050
```
#8d7050 rgb(141,112,80)
```
#967148
```
#967148 rgb(150,113,72)
```
#9e713f
```
#9e713f rgb(158,113,63)
```
#a77237
```
#a77237 rgb(167,114,55)
```
#af722e
```
#af722e rgb(175,114,46)
```
#b87226
```
#b87226 rgb(184,114,38)
```
#c0731d
```
#c0731d rgb(192,115,29)
```
#c97315
```
#c97315 rgb(201,115,21)
```
#d1740c
```
#d1740c rgb(209,116,12)
```
#da7403
```
#da7403 rgb(218,116,3)
```

Tone Color Variation

Below, you can see how #af722e 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
#867a6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#94863c Protanopia 1% of men
#a57f36 Deuteranopia 1% of men
#b7727a Tritanopia 0.001% of the population

Trichromacy

#9e7e37 Protanomaly 1% of men, 0.01% of women
#a87a33 Deuteranomaly 6% of men, 0.4% of women
#b4725e Tritanomaly 0.01% of the population

#af722e hex color

#af722e Color Information

#af722e Color Conversion

Color Schemes with #af722e

Alternatives to #af722e

#af722e Preview

Shades and Tints of #af722e

Tones of #af722e

Color Blindness Simulator