#af4600 hex color

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

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

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

The hexadecimal color #af4600 has RGB values of R:175, G:70, B:0 and CMYK values of C:0, M:0.6, Y:1, K:0.31. Its decimal value is 11486720.

Hex triplet	af4600	`#af4600`
RGB Decimal	175, 70, 0	`rgb(175,70,0)`
RGB Percent	68.6, 27.5, 0	`rgb(68.6%,27.5%,0%)`
CMYK	0, 60, 100, 31
HSL	24°, 100, 34.3	`hsl(24,100%,34.3%)`
HSV (or HSB)	24°, 100, 68.6
Web Safe	993300	`#993300`

CIE-LAB	43.502, 40.277, 54.027
XYZ	19.87, 13.496, 1.559
xyY	0.569, 0.386, 13.496
CIE-LCH	43.502, 67.388, 53.295
CIE-LUV	43.502, 86.134, 37.766
Hunter-Lab	36.737, 32.255, 23.201
Binary	10101111, 01000110, 00000000

#af4600
```
#af4600 rgb(175,70,0)
```
#0069af
```
#0069af rgb(0,105,175)
```

Complementary Color

#af0012
```
#af0012 rgb(175,0,18)
```
#af4600
```
#af4600 rgb(175,70,0)
```
#af9e00
```
#af9e00 rgb(175,158,0)
```

Analogous Color

#0011af
```
#0011af rgb(0,17,175)
```
#af4600
```
#af4600 rgb(175,70,0)
```
#00af9e
```
#00af9e rgb(0,175,158)
```

Split Complementary Color

#4600af
```
#4600af rgb(70,0,175)
```
#af4600
```
#af4600 rgb(175,70,0)
```
#00af46
```
#00af46 rgb(0,175,70)
```

Triadic Color

#af0069
```
#af0069 rgb(175,0,105)
```
#af4600
```
#af4600 rgb(175,70,0)
```
#00af46
```
#00af46 rgb(0,175,70)
```
#0069af
```
#0069af rgb(0,105,175)
```

Tetradic Color

#632700
```
#632700 rgb(99,39,0)
```
#7c3200
```
#7c3200 rgb(124,50,0)
```
#963c00
```
#963c00 rgb(150,60,0)
```
#af4600
```
#af4600 rgb(175,70,0)
```
#c95000
```
#c95000 rgb(201,80,0)
```
#e25a00
```
#e25a00 rgb(226,90,0)
```
#fc6500
```
#fc6500 rgb(252,101,0)
```

Monochromatic Color

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

#af1a00
```
#af1a00 rgb(175,26,0)
```
#af2900
```
#af2900 rgb(175,41,0)
```
#af3700
```
#af3700 rgb(175,55,0)
```
#af4600
```
#af4600 rgb(175,70,0)
```
#af5500
```
#af5500 rgb(175,85,0)
```
#af6300
```
#af6300 rgb(175,99,0)
```
#af7200
```
#af7200 rgb(175,114,0)
```

Similar Colors

Text with hexadecimal color #af4600

This text has a font color of #af4600.

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

#af4600 background color

This paragraph has a background color of #af4600.

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

#af4600 border color

This element has a border color of #af4600.

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

CSS codes

.text {color:#af4600;}

.background {background-color:#af4600;}

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

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

#120700
```
#120700 rgb(18,7,0)
```
#260f00
```
#260f00 rgb(38,15,0)
```
#391700
```
#391700 rgb(57,23,0)
```
#4d1f00
```
#4d1f00 rgb(77,31,0)
```
#612700
```
#612700 rgb(97,39,0)
```
#742e00
```
#742e00 rgb(116,46,0)
```
#883600
```
#883600 rgb(136,54,0)
```
#9b3e00
```
#9b3e00 rgb(155,62,0)
```
#af4600
```
#af4600 rgb(175,70,0)
```
#c34e00
```
#c34e00 rgb(195,78,0)
```
#d65600
```
#d65600 rgb(214,86,0)
```
#ea5e00
```
#ea5e00 rgb(234,94,0)
```
#fd6500
```
#fd6500 rgb(253,101,0)
```

Shade Color Variation

#ff7112
```
#ff7112 rgb(255,113,18)
```
#ff7d26
```
#ff7d26 rgb(255,125,38)
```
#ff8839
```
#ff8839 rgb(255,136,57)
```
#ff944d
```
#ff944d rgb(255,148,77)
```
#ffa061
```
#ffa061 rgb(255,160,97)
```
#ffac74
```
#ffac74 rgb(255,172,116)
```
#ffb788
```
#ffb788 rgb(255,183,136)
```
#ffc39b
```
#ffc39b rgb(255,195,155)
```
#ffcfaf
```
#ffcfaf rgb(255,207,175)
```
#ffdbc3
```
#ffdbc3 rgb(255,219,195)
```
#ffe7d6
```
#ffe7d6 rgb(255,231,214)
```
#fff2ea
```
#fff2ea rgb(255,242,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#5e5651
```
#5e5651 rgb(94,86,81)
```
#65554a
```
#65554a rgb(101,85,74)
```
#6c5343
```
#6c5343 rgb(108,83,67)
```
#72523d
```
#72523d rgb(114,82,61)
```
#795136
```
#795136 rgb(121,81,54)
```
#804f2f
```
#804f2f rgb(128,79,47)
```
#874e28
```
#874e28 rgb(135,78,40)
```
#8d4d22
```
#8d4d22 rgb(141,77,34)
```
#944b1b
```
#944b1b rgb(148,75,27)
```
#9b4a14
```
#9b4a14 rgb(155,74,20)
```
#a2490d
```
#a2490d rgb(162,73,13)
```
#a84707
```
#a84707 rgb(168,71,7)
```
#af4600
```
#af4600 rgb(175,70,0)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6d584a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c6e13 Protanopia 1% of men
#8a6900 Deuteranopia 1% of men
#b44a4e Tritanopia 0.001% of the population

Trichromacy

#8e600c Protanomaly 1% of men, 0.01% of women
#975c00 Deuteranomaly 6% of men, 0.4% of women
#b24832 Tritanomaly 0.01% of the population

#af4600 hex color

#af4600 Color Information

#af4600 Color Conversion

Color Schemes with #af4600

Alternatives to #af4600

#af4600 Preview

Shades and Tints of #af4600

Tones of #af4600

Color Blindness Simulator