#af4701 hex color

In a RGB color space, hex #af4701 is composed of 68.6% red, 27.8% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.4% magenta, 99.4% yellow and 31.4% black. It has a hue angle of 24.1 degrees, a saturation of 98.9% and a lightness of 34.5%. #af4701 color hex could be obtained by blending #ff8e02 with #5f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 28
- B 0
RGB color chart
- C 0
- M 59
- Y 99
- K 31
CMYK color chart

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

The hexadecimal color #af4701 has RGB values of R:175, G:71, B:1 and CMYK values of C:0, M:0.59, Y:0.99, K:0.31. Its decimal value is 11486977.

Hex triplet	af4701	`#af4701`
RGB Decimal	175, 71, 1	`rgb(175,71,1)`
RGB Percent	68.6, 27.8, 0.4	`rgb(68.6%,27.8%,0.4%)`
CMYK	0, 59, 99, 31
HSL	24.1°, 98.9, 34.5	`hsl(24.1,98.9%,34.5%)`
HSV (or HSB)	24.1°, 99.4, 68.6
Web Safe	993300	`#993300`

CIE-LAB	43.69, 39.807, 53.838
XYZ	19.939, 13.625, 1.609
xyY	0.567, 0.387, 13.625
CIE-LCH	43.69, 66.957, 53.521
CIE-LUV	43.69, 85.326, 37.95
Hunter-Lab	36.912, 31.826, 23.254
Binary	10101111, 01000111, 00000001

#af4701
```
#af4701 rgb(175,71,1)
```
#0169af
```
#0169af rgb(1,105,175)
```

Complementary Color

#af0112
```
#af0112 rgb(175,1,18)
```
#af4701
```
#af4701 rgb(175,71,1)
```
#af9e01
```
#af9e01 rgb(175,158,1)
```

Analogous Color

#0112af
```
#0112af rgb(1,18,175)
```
#af4701
```
#af4701 rgb(175,71,1)
```
#01af9e
```
#01af9e rgb(1,175,158)
```

Split Complementary Color

#4701af
```
#4701af rgb(71,1,175)
```
#af4701
```
#af4701 rgb(175,71,1)
```
#01af47
```
#01af47 rgb(1,175,71)
```

Triadic Color

#af0169
```
#af0169 rgb(175,1,105)
```
#af4701
```
#af4701 rgb(175,71,1)
```
#01af47
```
#01af47 rgb(1,175,71)
```
#0169af
```
#0169af rgb(1,105,175)
```

Tetradic Color

#632801
```
#632801 rgb(99,40,1)
```
#7c3201
```
#7c3201 rgb(124,50,1)
```
#963d01
```
#963d01 rgb(150,61,1)
```
#af4701
```
#af4701 rgb(175,71,1)
```
#c85101
```
#c85101 rgb(200,81,1)
```
#e25c01
```
#e25c01 rgb(226,92,1)
```
#fb6601
```
#fb6601 rgb(251,102,1)
```

Monochromatic Color

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

#af1c01
```
#af1c01 rgb(175,28,1)
```
#af2a01
```
#af2a01 rgb(175,42,1)
```
#af3901
```
#af3901 rgb(175,57,1)
```
#af4701
```
#af4701 rgb(175,71,1)
```
#af5601
```
#af5601 rgb(175,86,1)
```
#af6401
```
#af6401 rgb(175,100,1)
```
#af7301
```
#af7301 rgb(175,115,1)
```

Similar Colors

Text with hexadecimal color #af4701

This text has a font color of #af4701.

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

#af4701 background color

This paragraph has a background color of #af4701.

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

#af4701 border color

This element has a border color of #af4701.

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

CSS codes

.text {color:#af4701;}

.background {background-color:#af4701;}

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

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

#130800
```
#130800 rgb(19,8,0)
```
#261000
```
#261000 rgb(38,16,0)
```
#3a1800
```
#3a1800 rgb(58,24,0)
```
#4d1f00
```
#4d1f00 rgb(77,31,0)
```
#612701
```
#612701 rgb(97,39,1)
```
#742f01
```
#742f01 rgb(116,47,1)
```
#883701
```
#883701 rgb(136,55,1)
```
#9b3f01
```
#9b3f01 rgb(155,63,1)
```
#af4701
```
#af4701 rgb(175,71,1)
```
#c34f01
```
#c34f01 rgb(195,79,1)
```
#d65701
```
#d65701 rgb(214,87,1)
```
#ea5f01
```
#ea5f01 rgb(234,95,1)
```
#fd6701
```
#fd6701 rgb(253,103,1)
```

Shade Color Variation

#fe7214
```
#fe7214 rgb(254,114,20)
```
#fe7e28
```
#fe7e28 rgb(254,126,40)
```
#fe8a3b
```
#fe8a3b rgb(254,138,59)
```
#fe954f
```
#fe954f rgb(254,149,79)
```
#fea162
```
#fea162 rgb(254,161,98)
```
#fead76
```
#fead76 rgb(254,173,118)
```
#feb889
```
#feb889 rgb(254,184,137)
```
#fec49d
```
#fec49d rgb(254,196,157)
```
#ffd0b0
```
#ffd0b0 rgb(255,208,176)
```
#ffdcc4
```
#ffdcc4 rgb(255,220,196)
```
#ffe7d7
```
#ffe7d7 rgb(255,231,215)
```
#fff3eb
```
#fff3eb rgb(255,243,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#5e5752
```
#5e5752 rgb(94,87,82)
```
#65564b
```
#65564b rgb(101,86,75)
```
#6b5445
```
#6b5445 rgb(107,84,69)
```
#72533e
```
#72533e rgb(114,83,62)
```
#795237
```
#795237 rgb(121,82,55)
```
#805030
```
#805030 rgb(128,80,48)
```
#864f2a
```
#864f2a rgb(134,79,42)
```
#8d4e23
```
#8d4e23 rgb(141,78,35)
```
#944c1c
```
#944c1c rgb(148,76,28)
```
#9b4b15
```
#9b4b15 rgb(155,75,21)
```
#a14a0f
```
#a14a0f rgb(161,74,15)
```
#a84808
```
#a84808 rgb(168,72,8)
```
#af4701
```
#af4701 rgb(175,71,1)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e594b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c6f14 Protanopia 1% of men
#8a6900 Deuteranopia 1% of men
#b54b4f Tritanopia 0.001% of the population

Trichromacy

#8e600d Protanomaly 1% of men, 0.01% of women
#985d00 Deuteranomaly 6% of men, 0.4% of women
#b24933 Tritanomaly 0.01% of the population

#af4701 hex color

#af4701 Color Information

#af4701 Color Conversion

Color Schemes with #af4701

Alternatives to #af4701

#af4701 Preview

Shades and Tints of #af4701

Tones of #af4701

Color Blindness Simulator