#af4416 hex color

In a RGB color space, hex #af4416 is composed of 68.6% red, 26.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.1% magenta, 87.4% yellow and 31.4% black. It has a hue angle of 18 degrees, a saturation of 77.7% and a lightness of 38.6%. #af4416 color hex could be obtained by blending #ff882c with #5f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 27
- B 9
RGB color chart
- C 0
- M 61
- Y 87
- K 31
CMYK color chart

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

The hexadecimal color #af4416 has RGB values of R:175, G:68, B:22 and CMYK values of C:0, M:0.61, Y:0.87, K:0.31. Its decimal value is 11486230.

Hex triplet	af4416	`#af4416`
RGB Decimal	175, 68, 22	`rgb(175,68,22)`
RGB Percent	68.6, 26.7, 8.6	`rgb(68.6%,26.7%,8.6%)`
CMYK	0, 61, 87, 31
HSL	18°, 77.7, 38.6	`hsl(18,77.7%,38.6%)`
HSV (or HSB)	18°, 87.4, 68.6
Web Safe	993300	`#993300`

CIE-LAB	43.224, 41.583, 46.982
XYZ	19.892, 13.308, 2.28
xyY	0.561, 0.375, 13.308
CIE-LCH	43.224, 62.741, 48.489
CIE-LUV	43.224, 86.352, 34.166
Hunter-Lab	36.481, 33.491, 21.83
Binary	10101111, 01000100, 00010110

#af4416
```
#af4416 rgb(175,68,22)
```
#1681af
```
#1681af rgb(22,129,175)
```

Complementary Color

#af1635
```
#af1635 rgb(175,22,53)
```
#af4416
```
#af4416 rgb(175,68,22)
```
#af9116
```
#af9116 rgb(175,145,22)
```

Analogous Color

#1635af
```
#1635af rgb(22,53,175)
```
#af4416
```
#af4416 rgb(175,68,22)
```
#16af91
```
#16af91 rgb(22,175,145)
```

Split Complementary Color

#4416af
```
#4416af rgb(68,22,175)
```
#af4416
```
#af4416 rgb(175,68,22)
```
#16af44
```
#16af44 rgb(22,175,68)
```

Triadic Color

#af1681
```
#af1681 rgb(175,22,129)
```
#af4416
```
#af4416 rgb(175,68,22)
```
#16af44
```
#16af44 rgb(22,175,68)
```
#1681af
```
#1681af rgb(22,129,175)
```

Tetradic Color

#6b2a0d
```
#6b2a0d rgb(107,42,13)
```
#823210
```
#823210 rgb(130,50,16)
```
#983b13
```
#983b13 rgb(152,59,19)
```
#af4416
```
#af4416 rgb(175,68,22)
```
#c64d19
```
#c64d19 rgb(198,77,25)
```
#dc561c
```
#dc561c rgb(220,86,28)
```
#e5642d
```
#e5642d rgb(229,100,45)
```

Monochromatic Color

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

#af1e16
```
#af1e16 rgb(175,30,22)
```
#af2a16
```
#af2a16 rgb(175,42,22)
```
#af3716
```
#af3716 rgb(175,55,22)
```
#af4416
```
#af4416 rgb(175,68,22)
```
#af5116
```
#af5116 rgb(175,81,22)
```
#af5d16
```
#af5d16 rgb(175,93,22)
```
#af6a16
```
#af6a16 rgb(175,106,22)
```

Similar Colors

Text with hexadecimal color #af4416

This text has a font color of #af4416.

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

#af4416 background color

This paragraph has a background color of #af4416.

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

#af4416 border color

This element has a border color of #af4416.

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

CSS codes

.text {color:#af4416;}

.background {background-color:#af4416;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120702
```
#120702 rgb(18,7,2)
```
#240e04
```
#240e04 rgb(36,14,4)
```
#351507
```
#351507 rgb(53,21,7)
```
#461b09
```
#461b09 rgb(70,27,9)
```
#58220b
```
#58220b rgb(88,34,11)
```
#69290d
```
#69290d rgb(105,41,13)
```
#7b300f
```
#7b300f rgb(123,48,15)
```
#8c3612
```
#8c3612 rgb(140,54,18)
```
#9e3d14
```
#9e3d14 rgb(158,61,20)
```
#af4416
```
#af4416 rgb(175,68,22)
```
#c04b18
```
#c04b18 rgb(192,75,24)
```
#d2521a
```
#d2521a rgb(210,82,26)
```

Shade Color Variation

#e3591d
```
#e3591d rgb(227,89,29)
```
#e5652f
```
#e5652f rgb(229,101,47)
```
#e77240
```
#e77240 rgb(231,114,64)
```
#e97f52
```
#e97f52 rgb(233,127,82)
```
#eb8c63
```
#eb8c63 rgb(235,140,99)
```
#ee9974
```
#ee9974 rgb(238,153,116)
```
#f0a686
```
#f0a686 rgb(240,166,134)
```
#f2b297
```
#f2b297 rgb(242,178,151)
```
#f4bfa9
```
#f4bfa9 rgb(244,191,169)
```
#f6ccba
```
#f6ccba rgb(246,204,186)
```
#f9d9cb
```
#f9d9cb rgb(249,217,203)
```
#fbe6dd
```
#fbe6dd rgb(251,230,221)
```
#fdf3ee
```
#fdf3ee rgb(253,243,238)
```

Tint Color Variation

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

#636262
```
#636262 rgb(99,98,98)
```
#6b5f5a
```
#6b5f5a rgb(107,95,90)
```
#725c53
```
#725c53 rgb(114,92,83)
```
#7a594b
```
#7a594b rgb(122,89,75)
```
#825643
```
#825643 rgb(130,86,67)
```
#89533c
```
#89533c rgb(137,83,60)
```
#915034
```
#915034 rgb(145,80,52)
```
#984d2d
```
#984d2d rgb(152,77,45)
```
#a04a25
```
#a04a25 rgb(160,74,37)
```
#a7471e
```
#a7471e rgb(167,71,30)
```
#af4416
```
#af4416 rgb(175,68,22)
```
#b7410e
```
#b7410e rgb(183,65,14)
```
#be3e07
```
#be3e07 rgb(190,62,7)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#6f5a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e2a Protanopia 1% of men
#896814 Deuteranopia 1% of men
#b4494d Tritanopia 0.001% of the population

Trichromacy

#8d5e22 Protanomaly 1% of men, 0.01% of women
#975b14 Deuteranomaly 6% of men, 0.4% of women
#b24739 Tritanomaly 0.01% of the population

#af4416 hex color

#af4416 Color Information

#af4416 Color Conversion

Color Schemes with #af4416

Alternatives to #af4416

#af4416 Preview

Shades and Tints of #af4416

Tones of #af4416

Color Blindness Simulator