#af3e16 hex color

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

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

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

The hexadecimal color #af3e16 has RGB values of R:175, G:62, B:22 and CMYK values of C:0, M:0.65, Y:0.87, K:0.31. Its decimal value is 11484694.

Hex triplet	af3e16	`#af3e16`
RGB Decimal	175, 62, 22	`rgb(175,62,22)`
RGB Percent	68.6, 24.3, 8.6	`rgb(68.6%,24.3%,8.6%)`
CMYK	0, 65, 87, 31
HSL	15.7°, 77.7, 38.6	`hsl(15.7,77.7%,38.6%)`
HSV (or HSB)	15.7°, 87.4, 68.6
Web Safe	993300	`#993300`

CIE-LAB	42.184, 44.342, 46.13
XYZ	19.548, 12.619, 2.165
xyY	0.569, 0.368, 12.619
CIE-LCH	42.184, 63.986, 46.132
CIE-LUV	42.184, 90.633, 32.407
Hunter-Lab	35.524, 36.056, 21.252
Binary	10101111, 00111110, 00010110

#af3e16
```
#af3e16 rgb(175,62,22)
```
#1687af
```
#1687af rgb(22,135,175)
```

Complementary Color

#af163b
```
#af163b rgb(175,22,59)
```
#af3e16
```
#af3e16 rgb(175,62,22)
```
#af8b16
```
#af8b16 rgb(175,139,22)
```

Analogous Color

#163baf
```
#163baf rgb(22,59,175)
```
#af3e16
```
#af3e16 rgb(175,62,22)
```
#16af8b
```
#16af8b rgb(22,175,139)
```

Split Complementary Color

#3e16af
```
#3e16af rgb(62,22,175)
```
#af3e16
```
#af3e16 rgb(175,62,22)
```
#16af3e
```
#16af3e rgb(22,175,62)
```

Triadic Color

#af1687
```
#af1687 rgb(175,22,135)
```
#af3e16
```
#af3e16 rgb(175,62,22)
```
#16af3e
```
#16af3e rgb(22,175,62)
```
#1687af
```
#1687af rgb(22,135,175)
```

Tetradic Color

#6b260d
```
#6b260d rgb(107,38,13)
```
#822e10
```
#822e10 rgb(130,46,16)
```
#983613
```
#983613 rgb(152,54,19)
```
#af3e16
```
#af3e16 rgb(175,62,22)
```
#c64619
```
#c64619 rgb(198,70,25)
```
#dc4e1c
```
#dc4e1c rgb(220,78,28)
```
#e55d2d
```
#e55d2d rgb(229,93,45)
```

Monochromatic Color

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

#af1816
```
#af1816 rgb(175,24,22)
```
#af2516
```
#af2516 rgb(175,37,22)
```
#af3116
```
#af3116 rgb(175,49,22)
```
#af3e16
```
#af3e16 rgb(175,62,22)
```
#af4b16
```
#af4b16 rgb(175,75,22)
```
#af5716
```
#af5716 rgb(175,87,22)
```
#af6416
```
#af6416 rgb(175,100,22)
```

Similar Colors

Text with hexadecimal color #af3e16

This text has a font color of #af3e16.

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

#af3e16 background color

This paragraph has a background color of #af3e16.

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

#af3e16 border color

This element has a border color of #af3e16.

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

CSS codes

.text {color:#af3e16;}

.background {background-color:#af3e16;}

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

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 #fdf2ee is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120602
```
#120602 rgb(18,6,2)
```
#240d04
```
#240d04 rgb(36,13,4)
```
#351307
```
#351307 rgb(53,19,7)
```
#461909
```
#461909 rgb(70,25,9)
```
#581f0b
```
#581f0b rgb(88,31,11)
```
#69250d
```
#69250d rgb(105,37,13)
```
#7b2b0f
```
#7b2b0f rgb(123,43,15)
```
#8c3212
```
#8c3212 rgb(140,50,18)
```
#9e3814
```
#9e3814 rgb(158,56,20)
```
#af3e16
```
#af3e16 rgb(175,62,22)
```
#c04418
```
#c04418 rgb(192,68,24)
```
#d24a1a
```
#d24a1a rgb(210,74,26)
```

Shade Color Variation

#e3511d
```
#e3511d rgb(227,81,29)
```
#e55e2f
```
#e55e2f rgb(229,94,47)
```
#e76c40
```
#e76c40 rgb(231,108,64)
```
#e97952
```
#e97952 rgb(233,121,82)
```
#eb8763
```
#eb8763 rgb(235,135,99)
```
#ee9474
```
#ee9474 rgb(238,148,116)
```
#f0a186
```
#f0a186 rgb(240,161,134)
```
#f2af97
```
#f2af97 rgb(242,175,151)
```
#f4bca9
```
#f4bca9 rgb(244,188,169)
```
#f6caba
```
#f6caba rgb(246,202,186)
```
#f9d7cb
```
#f9d7cb rgb(249,215,203)
```
#fbe5dd
```
#fbe5dd rgb(251,229,221)
```
#fdf2ee
```
#fdf2ee rgb(253,242,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 #be3707 is the most saturated one.

#636262
```
#636262 rgb(99,98,98)
```
#6b5f5a
```
#6b5f5a rgb(107,95,90)
```
#725b53
```
#725b53 rgb(114,91,83)
```
#7a574b
```
#7a574b rgb(122,87,75)
```
#825443
```
#825443 rgb(130,84,67)
```
#89503c
```
#89503c rgb(137,80,60)
```
#914c34
```
#914c34 rgb(145,76,52)
```
#98492d
```
#98492d rgb(152,73,45)
```
#a04525
```
#a04525 rgb(160,69,37)
```
#a7421e
```
#a7421e rgb(167,66,30)
```
#af3e16
```
#af3e16 rgb(175,62,22)
```
#b73a0e
```
#b73a0e rgb(183,58,14)
```
#be3707
```
#be3707 rgb(190,55,7)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c554d Atypical Achromatopsia 0.001% of the population

Dichromacy

#776b2b Protanopia 1% of men
#866613 Deuteranopia 1% of men
#b44447 Tritanopia 0.001% of the population

Trichromacy

#8b5b23 Protanomaly 1% of men, 0.01% of women
#955714 Deuteranomaly 6% of men, 0.4% of women
#b24135 Tritanomaly 0.01% of the population

#af3e16 hex color

#af3e16 Color Information

#af3e16 Color Conversion

Color Schemes with #af3e16

Alternatives to #af3e16

#af3e16 Preview

Shades and Tints of #af3e16

Tones of #af3e16

Color Blindness Simulator