#af8100 hex color

In a RGB color space, hex #af8100 is composed of 68.6% red, 50.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 100% yellow and 31.4% black. It has a hue angle of 44.2 degrees, a saturation of 100% and a lightness of 34.3%. #af8100 color hex could be obtained by blending #ffff00 with #5f0300. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 69
- G 51
- B 0
RGB color chart
- C 0
- M 26
- Y 100
- K 31
CMYK color chart

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

The hexadecimal color #af8100 has RGB values of R:175, G:129, B:0 and CMYK values of C:0, M:0.26, Y:1, K:0.31. Its decimal value is 11501824.

Hex triplet	af8100	`#af8100`
RGB Decimal	175, 129, 0	`rgb(175,129,0)`
RGB Percent	68.6, 50.6, 0	`rgb(68.6%,50.6%,0%)`
CMYK	0, 26, 100, 31
HSL	44.2°, 100, 34.3	`hsl(44.2,100%,34.3%)`
HSV (or HSB)	44.2°, 100, 68.6
Web Safe	999900	`#999900`

CIE-LAB	56.896, 8.402, 62.423
XYZ	25.53, 24.816, 3.445
xyY	0.475, 0.461, 24.816
CIE-LCH	56.896, 62.986, 82.334
CIE-LUV	56.896, 38.75, 58.382
Hunter-Lab	49.816, 4.302, 30.77
Binary	10101111, 10000001, 00000000

#af8100
```
#af8100 rgb(175,129,0)
```
#002eaf
```
#002eaf rgb(0,46,175)
```

Complementary Color

#af2900
```
#af2900 rgb(175,41,0)
```
#af8100
```
#af8100 rgb(175,129,0)
```
#86af00
```
#86af00 rgb(134,175,0)
```

Analogous Color

#2900af
```
#2900af rgb(41,0,175)
```
#af8100
```
#af8100 rgb(175,129,0)
```
#0086af
```
#0086af rgb(0,134,175)
```

Split Complementary Color

#8100af
```
#8100af rgb(129,0,175)
```
#af8100
```
#af8100 rgb(175,129,0)
```
#00af81
```
#00af81 rgb(0,175,129)
```

Triadic Color

#af002e
```
#af002e rgb(175,0,46)
```
#af8100
```
#af8100 rgb(175,129,0)
```
#00af81
```
#00af81 rgb(0,175,129)
```
#002eaf
```
#002eaf rgb(0,46,175)
```

Tetradic Color

#634900
```
#634900 rgb(99,73,0)
```
#7c5b00
```
#7c5b00 rgb(124,91,0)
```
#966e00
```
#966e00 rgb(150,110,0)
```
#af8100
```
#af8100 rgb(175,129,0)
```
#c99400
```
#c99400 rgb(201,148,0)
```
#e2a700
```
#e2a700 rgb(226,167,0)
```
#fcb900
```
#fcb900 rgb(252,185,0)
```

Monochromatic Color

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

#af5500
```
#af5500 rgb(175,85,0)
```
#af6400
```
#af6400 rgb(175,100,0)
```
#af7200
```
#af7200 rgb(175,114,0)
```
#af8100
```
#af8100 rgb(175,129,0)
```
#af9000
```
#af9000 rgb(175,144,0)
```
#af9e00
```
#af9e00 rgb(175,158,0)
```
#afad00
```
#afad00 rgb(175,173,0)
```

Similar Colors

Text with hexadecimal color #af8100

This text has a font color of #af8100.

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

#af8100 background color

This paragraph has a background color of #af8100.

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

#af8100 border color

This element has a border color of #af8100.

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

CSS codes

.text {color:#af8100;}

.background {background-color:#af8100;}

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

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, #120d00 is the darkest color, while #fffffd is the lightest one.

#120d00
```
#120d00 rgb(18,13,0)
```
#261c00
```
#261c00 rgb(38,28,0)
```
#392a00
```
#392a00 rgb(57,42,0)
```
#4d3900
```
#4d3900 rgb(77,57,0)
```
#614700
```
#614700 rgb(97,71,0)
```
#745600
```
#745600 rgb(116,86,0)
```
#886400
```
#886400 rgb(136,100,0)
```
#9b7300
```
#9b7300 rgb(155,115,0)
```
#af8100
```
#af8100 rgb(175,129,0)
```
#c38f00
```
#c38f00 rgb(195,143,0)
```
#d69e00
```
#d69e00 rgb(214,158,0)
```
#eaac00
```
#eaac00 rgb(234,172,0)
```
#fdbb00
```
#fdbb00 rgb(253,187,0)
```

Shade Color Variation

#ffc112
```
#ffc112 rgb(255,193,18)
```
#ffc626
```
#ffc626 rgb(255,198,38)
```
#ffcb39
```
#ffcb39 rgb(255,203,57)
```
#ffd04d
```
#ffd04d rgb(255,208,77)
```
#ffd561
```
#ffd561 rgb(255,213,97)
```
#ffdb74
```
#ffdb74 rgb(255,219,116)
```
#ffe088
```
#ffe088 rgb(255,224,136)
```
#ffe59b
```
#ffe59b rgb(255,229,155)
```
#ffeaaf
```
#ffeaaf rgb(255,234,175)
```
#ffefc3
```
#ffefc3 rgb(255,239,195)
```
#fff4d6
```
#fff4d6 rgb(255,244,214)
```
#fff9ea
```
#fff9ea rgb(255,249,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#5e5b51
```
#5e5b51 rgb(94,91,81)
```
#655e4a
```
#655e4a rgb(101,94,74)
```
#6c6143
```
#6c6143 rgb(108,97,67)
```
#72643d
```
#72643d rgb(114,100,61)
```
#796736
```
#796736 rgb(121,103,54)
```
#806b2f
```
#806b2f rgb(128,107,47)
```
#876e28
```
#876e28 rgb(135,110,40)
```
#8d7122
```
#8d7122 rgb(141,113,34)
```
#94741b
```
#94741b rgb(148,116,27)
```
#9b7714
```
#9b7714 rgb(155,119,20)
```
#a27b0d
```
#a27b0d rgb(162,123,13)
```
#a87e07
```
#a87e07 rgb(168,126,7)
```
#af8100
```
#af8100 rgb(175,129,0)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#898066 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f0b Protanopia 1% of men
#b28700 Deuteranopia 1% of men
#b97e87 Tritanopia 0.001% of the population

Trichromacy

#a58907 Protanomaly 1% of men, 0.01% of women
#b18500 Deuteranomaly 6% of men, 0.4% of women
#b57f56 Tritanomaly 0.01% of the population

#af8100 hex color

#af8100 Color Information

#af8100 Color Conversion

Color Schemes with #af8100

Alternatives to #af8100

#af8100 Preview

Shades and Tints of #af8100

Tones of #af8100

Color Blindness Simulator