#af7213 hex color

In a RGB color space, hex #af7213 is composed of 68.6% red, 44.7% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.9% magenta, 89.1% yellow and 31.4% black. It has a hue angle of 36.5 degrees, a saturation of 80.4% and a lightness of 38%. #af7213 color hex could be obtained by blending #ffe426 with #5f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #af7213 has RGB values of R:175, G:114, B:19 and CMYK values of C:0, M:0.35, Y:0.89, K:0.31. Its decimal value is 11498003.

Hex triplet	af7213	`#af7213`
RGB Decimal	175, 114, 19	`rgb(175,114,19)`
RGB Percent	68.6, 44.7, 7.5	`rgb(68.6%,44.7%,7.5%)`
CMYK	0, 35, 89, 31
HSL	36.5°, 80.4, 38	`hsl(36.5,80.4%,38%)`
HSV (or HSB)	36.5°, 89.1, 68.6
Web Safe	996600	`#996600`

CIE-LAB	53.165, 17.09, 55.942
XYZ	23.815, 21.197, 3.453
xyY	0.491, 0.437, 21.197
CIE-LCH	53.165, 58.494, 73.012
CIE-LUV	53.165, 50.231, 50.753
Hunter-Lab	46.041, 11.759, 27.781
Binary	10101111, 01110010, 00010011

#af7213
```
#af7213 rgb(175,114,19)
```
#1350af
```
#1350af rgb(19,80,175)
```

Complementary Color

#af2413
```
#af2413 rgb(175,36,19)
```
#af7213
```
#af7213 rgb(175,114,19)
```
#9eaf13
```
#9eaf13 rgb(158,175,19)
```

Analogous Color

#2413af
```
#2413af rgb(36,19,175)
```
#af7213
```
#af7213 rgb(175,114,19)
```
#139eaf
```
#139eaf rgb(19,158,175)
```

Split Complementary Color

#7213af
```
#7213af rgb(114,19,175)
```
#af7213
```
#af7213 rgb(175,114,19)
```
#13af72
```
#13af72 rgb(19,175,114)
```

Triadic Color

#af1350
```
#af1350 rgb(175,19,80)
```
#af7213
```
#af7213 rgb(175,114,19)
```
#13af72
```
#13af72 rgb(19,175,114)
```
#1350af
```
#1350af rgb(19,80,175)
```

Tetradic Color

#6a450c
```
#6a450c rgb(106,69,12)
```
#81540e
```
#81540e rgb(129,84,14)
```
#986311
```
#986311 rgb(152,99,17)
```
#af7213
```
#af7213 rgb(175,114,19)
```
#c68115
```
#c68115 rgb(198,129,21)
```
#dd9018
```
#dd9018 rgb(221,144,24)
```
#e89c27
```
#e89c27 rgb(232,156,39)
```

Monochromatic Color

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

#af4b13
```
#af4b13 rgb(175,75,19)
```
#af5813
```
#af5813 rgb(175,88,19)
```
#af6513
```
#af6513 rgb(175,101,19)
```
#af7213
```
#af7213 rgb(175,114,19)
```
#af7f13
```
#af7f13 rgb(175,127,19)
```
#af8c13
```
#af8c13 rgb(175,140,19)
```
#af9913
```
#af9913 rgb(175,153,19)
```

Similar Colors

Text with hexadecimal color #af7213

This text has a font color of #af7213.

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

#af7213 background color

This paragraph has a background color of #af7213.

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

#af7213 border color

This element has a border color of #af7213.

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

CSS codes

.text {color:#af7213;}

.background {background-color:#af7213;}

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

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, #100a02 is the darkest color, while #fffefd is the lightest one.

#100a02
```
#100a02 rgb(16,10,2)
```
#211604
```
#211604 rgb(33,22,4)
```
#332106
```
#332106 rgb(51,33,6)
```
#452d07
```
#452d07 rgb(69,45,7)
```
#573809
```
#573809 rgb(87,56,9)
```
#68440b
```
#68440b rgb(104,68,11)
```
#7a4f0d
```
#7a4f0d rgb(122,79,13)
```
#8c5b0f
```
#8c5b0f rgb(140,91,15)
```
#9d6611
```
#9d6611 rgb(157,102,17)
```
#af7213
```
#af7213 rgb(175,114,19)
```
#c17e15
```
#c17e15 rgb(193,126,21)
```
#d28917
```
#d28917 rgb(210,137,23)
```
#e49519
```
#e49519 rgb(228,149,25)
```

Shade Color Variation

#e89d29
```
#e89d29 rgb(232,157,41)
```
#eaa53a
```
#eaa53a rgb(234,165,58)
```
#ecad4c
```
#ecad4c rgb(236,173,76)
```
#edb55e
```
#edb55e rgb(237,181,94)
```
#efbd70
```
#efbd70 rgb(239,189,112)
```
#f1c581
```
#f1c581 rgb(241,197,129)
```
#f3ce93
```
#f3ce93 rgb(243,206,147)
```
#f5d6a5
```
#f5d6a5 rgb(245,214,165)
```
#f7deb6
```
#f7deb6 rgb(247,222,182)
```
#f9e6c8
```
#f9e6c8 rgb(249,230,200)
```
#fbeeda
```
#fbeeda rgb(251,238,218)
```
#fdf6eb
```
#fdf6eb rgb(253,246,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#64625e
```
#64625e rgb(100,98,94)
```
#6c6356
```
#6c6356 rgb(108,99,86)
```
#73654f
```
#73654f rgb(115,101,79)
```
#7b6747
```
#7b6747 rgb(123,103,71)
```
#826840
```
#826840 rgb(130,104,64)
```
#8a6a38
```
#8a6a38 rgb(138,106,56)
```
#916b31
```
#916b31 rgb(145,107,49)
```
#996d29
```
#996d29 rgb(153,109,41)
```
#a06f22
```
#a06f22 rgb(160,111,34)
```
#a8701a
```
#a8701a rgb(168,112,26)
```
#af7213
```
#af7213 rgb(175,114,19)
```
#b6740c
```
#b6740c rgb(182,116,12)
```
#be7504
```
#be7504 rgb(190,117,4)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#847865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958522 Protanopia 1% of men
#a67f1b Deuteranopia 1% of men
#b87179 Tritanopia 0.001% of the population

Trichromacy

#9e7e1c Protanomaly 1% of men, 0.01% of women
#a97a18 Deuteranomaly 6% of men, 0.4% of women
#b47154 Tritanomaly 0.01% of the population

#af7213 hex color

#af7213 Color Information

#af7213 Color Conversion

Color Schemes with #af7213

Alternatives to #af7213

#af7213 Preview

Shades and Tints of #af7213

Tones of #af7213

Color Blindness Simulator