#af7100 hex color

In a RGB color space, hex #af7100 is composed of 68.6% red, 44.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 100% yellow and 31.4% black. It has a hue angle of 38.7 degrees, a saturation of 100% and a lightness of 34.3%. #af7100 color hex could be obtained by blending #ffe200 with #5f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #af7100 has RGB values of R:175, G:113, B:0 and CMYK values of C:0, M:0.35, Y:1, K:0.31. Its decimal value is 11497728.

Hex triplet	af7100	`#af7100`
RGB Decimal	175, 113, 0	`rgb(175,113,0)`
RGB Percent	68.6, 44.3, 0	`rgb(68.6%,44.3%,0%)`
CMYK	0, 35, 100, 31
HSL	38.7°, 100, 34.3	`hsl(38.7,100%,34.3%)`
HSV (or HSB)	38.7°, 100, 68.6
Web Safe	996600	`#996600`

CIE-LAB	52.868, 17.351, 59.726
XYZ	23.585, 20.926, 2.797
xyY	0.499, 0.442, 20.926
CIE-LCH	52.868, 62.196, 73.801
CIE-LUV	52.868, 51.496, 52.366
Hunter-Lab	45.745, 11.977, 28.396
Binary	10101111, 01110001, 00000000

#af7100
```
#af7100 rgb(175,113,0)
```
#003eaf
```
#003eaf rgb(0,62,175)
```

Complementary Color

#af1900
```
#af1900 rgb(175,25,0)
```
#af7100
```
#af7100 rgb(175,113,0)
```
#96af00
```
#96af00 rgb(150,175,0)
```

Analogous Color

#1900af
```
#1900af rgb(25,0,175)
```
#af7100
```
#af7100 rgb(175,113,0)
```
#0096af
```
#0096af rgb(0,150,175)
```

Split Complementary Color

#7100af
```
#7100af rgb(113,0,175)
```
#af7100
```
#af7100 rgb(175,113,0)
```
#00af71
```
#00af71 rgb(0,175,113)
```

Triadic Color

#af003e
```
#af003e rgb(175,0,62)
```
#af7100
```
#af7100 rgb(175,113,0)
```
#00af71
```
#00af71 rgb(0,175,113)
```
#003eaf
```
#003eaf rgb(0,62,175)
```

Tetradic Color

#634000
```
#634000 rgb(99,64,0)
```
#7c5000
```
#7c5000 rgb(124,80,0)
```
#966100
```
#966100 rgb(150,97,0)
```
#af7100
```
#af7100 rgb(175,113,0)
```
#c98100
```
#c98100 rgb(201,129,0)
```
#e29200
```
#e29200 rgb(226,146,0)
```
#fca200
```
#fca200 rgb(252,162,0)
```

Monochromatic Color

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

#af4500
```
#af4500 rgb(175,69,0)
```
#af5400
```
#af5400 rgb(175,84,0)
```
#af6200
```
#af6200 rgb(175,98,0)
```
#af7100
```
#af7100 rgb(175,113,0)
```
#af8000
```
#af8000 rgb(175,128,0)
```
#af8e00
```
#af8e00 rgb(175,142,0)
```
#af9d00
```
#af9d00 rgb(175,157,0)
```

Similar Colors

Text with hexadecimal color #af7100

This text has a font color of #af7100.

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

#af7100 background color

This paragraph has a background color of #af7100.

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

#af7100 border color

This element has a border color of #af7100.

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

CSS codes

.text {color:#af7100;}

.background {background-color:#af7100;}

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

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

#120c00
```
#120c00 rgb(18,12,0)
```
#261800
```
#261800 rgb(38,24,0)
```
#392500
```
#392500 rgb(57,37,0)
```
#4d3200
```
#4d3200 rgb(77,50,0)
```
#613e00
```
#613e00 rgb(97,62,0)
```
#744b00
```
#744b00 rgb(116,75,0)
```
#885800
```
#885800 rgb(136,88,0)
```
#9b6400
```
#9b6400 rgb(155,100,0)
```
#af7100
```
#af7100 rgb(175,113,0)
```
#c37e00
```
#c37e00 rgb(195,126,0)
```
#d68a00
```
#d68a00 rgb(214,138,0)
```
#ea9700
```
#ea9700 rgb(234,151,0)
```
#fda400
```
#fda400 rgb(253,164,0)
```

Shade Color Variation

#ffab12
```
#ffab12 rgb(255,171,18)
```
#ffb226
```
#ffb226 rgb(255,178,38)
```
#ffb939
```
#ffb939 rgb(255,185,57)
```
#ffc04d
```
#ffc04d rgb(255,192,77)
```
#ffc761
```
#ffc761 rgb(255,199,97)
```
#ffce74
```
#ffce74 rgb(255,206,116)
```
#ffd588
```
#ffd588 rgb(255,213,136)
```
#ffdc9b
```
#ffdc9b rgb(255,220,155)
```
#ffe3af
```
#ffe3af rgb(255,227,175)
```
#ffeac3
```
#ffeac3 rgb(255,234,195)
```
#fff1d6
```
#fff1d6 rgb(255,241,214)
```
#fff8ea
```
#fff8ea rgb(255,248,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#5e5951
```
#5e5951 rgb(94,89,81)
```
#655b4a
```
#655b4a rgb(101,91,74)
```
#6c5d43
```
#6c5d43 rgb(108,93,67)
```
#725f3d
```
#725f3d rgb(114,95,61)
```
#796136
```
#796136 rgb(121,97,54)
```
#80632f
```
#80632f rgb(128,99,47)
```
#876528
```
#876528 rgb(135,101,40)
```
#8d6722
```
#8d6722 rgb(141,103,34)
```
#94691b
```
#94691b rgb(148,105,27)
```
#9b6b14
```
#9b6b14 rgb(155,107,20)
```
#a26d0d
```
#a26d0d rgb(162,109,13)
```
#a86f07
```
#a86f07 rgb(168,111,7)
```
#af7100
```
#af7100 rgb(175,113,0)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#82765f Atypical Achromatopsia 0.001% of the population

Dichromacy

#95850e Protanopia 1% of men
#a67e00 Deuteranopia 1% of men
#b87077 Tritanopia 0.001% of the population

Trichromacy

#9e7d09 Protanomaly 1% of men, 0.01% of women
#a97900 Deuteranomaly 6% of men, 0.4% of women
#b4704c Tritanomaly 0.01% of the population

#af7100 hex color

#af7100 Color Information

#af7100 Color Conversion

Color Schemes with #af7100

Alternatives to #af7100

#af7100 Preview

Shades and Tints of #af7100

Tones of #af7100

Color Blindness Simulator