#af5e16 hex color

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

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

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

The hexadecimal color #af5e16 has RGB values of R:175, G:94, B:22 and CMYK values of C:0, M:0.46, Y:0.87, K:0.31. Its decimal value is 11492886.

Hex triplet	af5e16	`#af5e16`
RGB Decimal	175, 94, 22	`rgb(175,94,22)`
RGB Percent	68.6, 36.9, 8.6	`rgb(68.6%,36.9%,8.6%)`
CMYK	0, 46, 87, 31
HSL	28.2°, 77.7, 38.6	`hsl(28.2,77.7%,38.6%)`
HSV (or HSB)	28.2°, 87.4, 68.6
Web Safe	996600	`#996600`

CIE-LAB	48.485, 28.238, 51.279
XYZ	21.827, 17.179, 2.925
xyY	0.521, 0.41, 17.179
CIE-LCH	48.485, 58.54, 61.16
CIE-LUV	48.485, 66.19, 42.842
Hunter-Lab	41.448, 21.469, 24.829
Binary	10101111, 01011110, 00010110

#af5e16
```
#af5e16 rgb(175,94,22)
```
#1667af
```
#1667af rgb(22,103,175)
```

Complementary Color

#af161b
```
#af161b rgb(175,22,27)
```
#af5e16
```
#af5e16 rgb(175,94,22)
```
#afab16
```
#afab16 rgb(175,171,22)
```

Analogous Color

#161baf
```
#161baf rgb(22,27,175)
```
#af5e16
```
#af5e16 rgb(175,94,22)
```
#16afab
```
#16afab rgb(22,175,171)
```

Split Complementary Color

#5e16af
```
#5e16af rgb(94,22,175)
```
#af5e16
```
#af5e16 rgb(175,94,22)
```
#16af5e
```
#16af5e rgb(22,175,94)
```

Triadic Color

#af1667
```
#af1667 rgb(175,22,103)
```
#af5e16
```
#af5e16 rgb(175,94,22)
```
#16af5e
```
#16af5e rgb(22,175,94)
```
#1667af
```
#1667af rgb(22,103,175)
```

Tetradic Color

#6b390d
```
#6b390d rgb(107,57,13)
```
#824610
```
#824610 rgb(130,70,16)
```
#985213
```
#985213 rgb(152,82,19)
```
#af5e16
```
#af5e16 rgb(175,94,22)
```
#c66a19
```
#c66a19 rgb(198,106,25)
```
#dc761c
```
#dc761c rgb(220,118,28)
```
#e5832d
```
#e5832d rgb(229,131,45)
```

Monochromatic Color

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

#af3816
```
#af3816 rgb(175,56,22)
```
#af4516
```
#af4516 rgb(175,69,22)
```
#af5116
```
#af5116 rgb(175,81,22)
```
#af5e16
```
#af5e16 rgb(175,94,22)
```
#af6b16
```
#af6b16 rgb(175,107,22)
```
#af7816
```
#af7816 rgb(175,120,22)
```
#af8416
```
#af8416 rgb(175,132,22)
```

Similar Colors

Text with hexadecimal color #af5e16

This text has a font color of #af5e16.

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

#af5e16 background color

This paragraph has a background color of #af5e16.

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

#af5e16 border color

This element has a border color of #af5e16.

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

CSS codes

.text {color:#af5e16;}

.background {background-color:#af5e16;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120a02
```
#120a02 rgb(18,10,2)
```
#241304
```
#241304 rgb(36,19,4)
```
#351c07
```
#351c07 rgb(53,28,7)
```
#462609
```
#462609 rgb(70,38,9)
```
#582f0b
```
#582f0b rgb(88,47,11)
```
#69390d
```
#69390d rgb(105,57,13)
```
#7b420f
```
#7b420f rgb(123,66,15)
```
#8c4b12
```
#8c4b12 rgb(140,75,18)
```
#9e5514
```
#9e5514 rgb(158,85,20)
```
#af5e16
```
#af5e16 rgb(175,94,22)
```
#c06718
```
#c06718 rgb(192,103,24)
```
#d2711a
```
#d2711a rgb(210,113,26)
```

Shade Color Variation

#e37a1d
```
#e37a1d rgb(227,122,29)
```
#e5842f
```
#e5842f rgb(229,132,47)
```
#e78f40
```
#e78f40 rgb(231,143,64)
```
#e99952
```
#e99952 rgb(233,153,82)
```
#eba363
```
#eba363 rgb(235,163,99)
```
#eead74
```
#eead74 rgb(238,173,116)
```
#f0b886
```
#f0b886 rgb(240,184,134)
```
#f2c297
```
#f2c297 rgb(242,194,151)
```
#f4cca9
```
#f4cca9 rgb(244,204,169)
```
#f6d6ba
```
#f6d6ba rgb(246,214,186)
```
#f9e1cb
```
#f9e1cb rgb(249,225,203)
```
#fbebdd
```
#fbebdd rgb(251,235,221)
```
#fdf5ee
```
#fdf5ee rgb(253,245,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 #be5d07 is the most saturated one.

#636262
```
#636262 rgb(99,98,98)
```
#6b625a
```
#6b625a rgb(107,98,90)
```
#726253
```
#726253 rgb(114,98,83)
```
#7a614b
```
#7a614b rgb(122,97,75)
```
#826143
```
#826143 rgb(130,97,67)
```
#89603c
```
#89603c rgb(137,96,60)
```
#916034
```
#916034 rgb(145,96,52)
```
#985f2d
```
#985f2d rgb(152,95,45)
```
#a05f25
```
#a05f25 rgb(160,95,37)
```
#a75e1e
```
#a75e1e rgb(167,94,30)
```
#af5e16
```
#af5e16 rgb(175,94,22)
```
#b75e0e
```
#b75e0e rgb(183,94,14)
```
#be5d07
```
#be5d07 rgb(190,93,7)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#7b6b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a27 Protanopia 1% of men
#987419 Deuteranopia 1% of men
#b66066 Tritanopia 0.001% of the population

Trichromacy

#967021 Protanomaly 1% of men, 0.01% of women
#a06c18 Deuteranomaly 6% of men, 0.4% of women
#b35f49 Tritanomaly 0.01% of the population

#af5e16 hex color

#af5e16 Color Information

#af5e16 Color Conversion

Color Schemes with #af5e16

Alternatives to #af5e16

#af5e16 Preview

Shades and Tints of #af5e16

Tones of #af5e16

Color Blindness Simulator