#af8816 hex color

In a RGB color space, hex #af8816 is composed of 68.6% red, 53.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 87.4% yellow and 31.4% black. It has a hue angle of 44.7 degrees, a saturation of 77.7% and a lightness of 38.6%. #af8816 color hex could be obtained by blending #ffff2c with #5f1100. Closest websafe color is: #999900.

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

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

The hexadecimal color #af8816 has RGB values of R:175, G:136, B:22 and CMYK values of C:0, M:0.22, Y:0.87, K:0.31. Its decimal value is 11503638.

Hex triplet	af8816	`#af8816`
RGB Decimal	175, 136, 22	`rgb(175,136,22)`
RGB Percent	68.6, 53.3, 8.6	`rgb(68.6%,53.3%,8.6%)`
CMYK	0, 22, 87, 31
HSL	44.7°, 77.7, 38.6	`hsl(44.7,77.7%,38.6%)`
HSV (or HSB)	44.7°, 87.4, 68.6
Web Safe	999900	`#999900`

CIE-LAB	58.772, 4.879, 59.636
XYZ	26.629, 26.782, 4.526
xyY	0.46, 0.462, 26.782
CIE-LCH	58.772, 59.835, 85.323
CIE-LUV	58.772, 32.992, 58.889
Hunter-Lab	51.751, 1.284, 31.04
Binary	10101111, 10001000, 00010110

#af8816
```
#af8816 rgb(175,136,22)
```
#163daf
```
#163daf rgb(22,61,175)
```

Complementary Color

#af3b16
```
#af3b16 rgb(175,59,22)
```
#af8816
```
#af8816 rgb(175,136,22)
```
#8aaf16
```
#8aaf16 rgb(138,175,22)
```

Analogous Color

#3b16af
```
#3b16af rgb(59,22,175)
```
#af8816
```
#af8816 rgb(175,136,22)
```
#168aaf
```
#168aaf rgb(22,138,175)
```

Split Complementary Color

#8816af
```
#8816af rgb(136,22,175)
```
#af8816
```
#af8816 rgb(175,136,22)
```
#16af88
```
#16af88 rgb(22,175,136)
```

Triadic Color

#af163d
```
#af163d rgb(175,22,61)
```
#af8816
```
#af8816 rgb(175,136,22)
```
#16af88
```
#16af88 rgb(22,175,136)
```
#163daf
```
#163daf rgb(22,61,175)
```

Tetradic Color

#6b530d
```
#6b530d rgb(107,83,13)
```
#826510
```
#826510 rgb(130,101,16)
```
#987613
```
#987613 rgb(152,118,19)
```
#af8816
```
#af8816 rgb(175,136,22)
```
#c69a19
```
#c69a19 rgb(198,154,25)
```
#dcab1c
```
#dcab1c rgb(220,171,28)
```
#e5b62d
```
#e5b62d rgb(229,182,45)
```

Monochromatic Color

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

#af6216
```
#af6216 rgb(175,98,22)
```
#af6f16
```
#af6f16 rgb(175,111,22)
```
#af7b16
```
#af7b16 rgb(175,123,22)
```
#af8816
```
#af8816 rgb(175,136,22)
```
#af9516
```
#af9516 rgb(175,149,22)
```
#afa216
```
#afa216 rgb(175,162,22)
```
#afae16
```
#afae16 rgb(175,174,22)
```

Similar Colors

Text with hexadecimal color #af8816

This text has a font color of #af8816.

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

#af8816 background color

This paragraph has a background color of #af8816.

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

#af8816 border color

This element has a border color of #af8816.

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

CSS codes

.text {color:#af8816;}

.background {background-color:#af8816;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120e02
```
#120e02 rgb(18,14,2)
```
#241c04
```
#241c04 rgb(36,28,4)
```
#352907
```
#352907 rgb(53,41,7)
```
#463709
```
#463709 rgb(70,55,9)
```
#58440b
```
#58440b rgb(88,68,11)
```
#69520d
```
#69520d rgb(105,82,13)
```
#7b5f0f
```
#7b5f0f rgb(123,95,15)
```
#8c6d12
```
#8c6d12 rgb(140,109,18)
```
#9e7a14
```
#9e7a14 rgb(158,122,20)
```
#af8816
```
#af8816 rgb(175,136,22)
```
#c09618
```
#c09618 rgb(192,150,24)
```
#d2a31a
```
#d2a31a rgb(210,163,26)
```

Shade Color Variation

#e3b01d
```
#e3b01d rgb(227,176,29)
```
#e5b62f
```
#e5b62f rgb(229,182,47)
```
#e7bc40
```
#e7bc40 rgb(231,188,64)
```
#e9c352
```
#e9c352 rgb(233,195,82)
```
#ebc963
```
#ebc963 rgb(235,201,99)
```
#eecf74
```
#eecf74 rgb(238,207,116)
```
#f0d586
```
#f0d586 rgb(240,213,134)
```
#f2db97
```
#f2db97 rgb(242,219,151)
```
#f4e1a9
```
#f4e1a9 rgb(244,225,169)
```
#f6e7ba
```
#f6e7ba rgb(246,231,186)
```
#f9edcb
```
#f9edcb rgb(249,237,203)
```
#fbf3dd
```
#fbf3dd rgb(251,243,221)
```
#fdf9ee
```
#fdf9ee rgb(253,249,238)
```

Tint Color Variation

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

#636362
```
#636362 rgb(99,99,98)
```
#6b675a
```
#6b675a rgb(107,103,90)
```
#726a53
```
#726a53 rgb(114,106,83)
```
#7a6e4b
```
#7a6e4b rgb(122,110,75)
```
#827243
```
#827243 rgb(130,114,67)
```
#89753c
```
#89753c rgb(137,117,60)
```
#917934
```
#917934 rgb(145,121,52)
```
#987d2d
```
#987d2d rgb(152,125,45)
```
#a08125
```
#a08125 rgb(160,129,37)
```
#a7841e
```
#a7841e rgb(167,132,30)
```
#af8816
```
#af8816 rgb(175,136,22)
```
#b78c0e
```
#b78c0e rgb(183,140,14)
```
#be8f07
```
#be8f07 rgb(190,143,7)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8f8770 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49323 Protanopia 1% of men
#b78c23 Deuteranopia 1% of men
#ba858e Tritanopia 0.001% of the population

Trichromacy

#a88f1e Protanomaly 1% of men, 0.01% of women
#b48a1e Deuteranomaly 6% of men, 0.4% of women
#b68662 Tritanomaly 0.01% of the population

#af8816 hex color

#af8816 Color Information

#af8816 Color Conversion

Color Schemes with #af8816

Alternatives to #af8816

#af8816 Preview

Shades and Tints of #af8816

Tones of #af8816

Color Blindness Simulator