#af500a hex color

In a RGB color space, hex #af500a is composed of 68.6% red, 31.4% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 94.3% yellow and 31.4% black. It has a hue angle of 25.5 degrees, a saturation of 89.2% and a lightness of 36.3%. #af500a color hex could be obtained by blending #ffa014 with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 31
- B 4
RGB color chart
- C 0
- M 54
- Y 94
- K 31
CMYK color chart

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

The hexadecimal color #af500a has RGB values of R:175, G:80, B:10 and CMYK values of C:0, M:0.54, Y:0.94, K:0.31. Its decimal value is 11489290.

Hex triplet	af500a	`#af500a`
RGB Decimal	175, 80, 10	`rgb(175,80,10)`
RGB Percent	68.6, 31.4, 3.9	`rgb(68.6%,31.4%,3.9%)`
CMYK	0, 54, 94, 31
HSL	25.5°, 89.2, 36.3	`hsl(25.5,89.2%,36.3%)`
HSV (or HSB)	25.5°, 94.3, 68.6
Web Safe	996600	`#996600`

CIE-LAB	45.463, 35.431, 52.563
XYZ	20.603, 14.875, 2.073
xyY	0.549, 0.396, 14.875
CIE-LCH	45.463, 63.389, 56.017
CIE-LUV	45.463, 77.943, 39.76
Hunter-Lab	38.568, 27.861, 23.811
Binary	10101111, 01010000, 00001010

#af500a
```
#af500a rgb(175,80,10)
```
#0a69af
```
#0a69af rgb(10,105,175)
```

Complementary Color

#af0a17
```
#af0a17 rgb(175,10,23)
```
#af500a
```
#af500a rgb(175,80,10)
```
#afa30a
```
#afa30a rgb(175,163,10)
```

Analogous Color

#0a17af
```
#0a17af rgb(10,23,175)
```
#af500a
```
#af500a rgb(175,80,10)
```
#0aafa3
```
#0aafa3 rgb(10,175,163)
```

Split Complementary Color

#500aaf
```
#500aaf rgb(80,10,175)
```
#af500a
```
#af500a rgb(175,80,10)
```
#0aaf50
```
#0aaf50 rgb(10,175,80)
```

Triadic Color

#af0a69
```
#af0a69 rgb(175,10,105)
```
#af500a
```
#af500a rgb(175,80,10)
```
#0aaf50
```
#0aaf50 rgb(10,175,80)
```
#0a69af
```
#0a69af rgb(10,105,175)
```

Tetradic Color

#672f06
```
#672f06 rgb(103,47,6)
```
#7f3a07
```
#7f3a07 rgb(127,58,7)
```
#974509
```
#974509 rgb(151,69,9)
```
#af500a
```
#af500a rgb(175,80,10)
```
#c75b0b
```
#c75b0b rgb(199,91,11)
```
#df660d
```
#df660d rgb(223,102,13)
```
#f27214
```
#f27214 rgb(242,114,20)
```

Monochromatic Color

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

#af270a
```
#af270a rgb(175,39,10)
```
#af350a
```
#af350a rgb(175,53,10)
```
#af420a
```
#af420a rgb(175,66,10)
```
#af500a
```
#af500a rgb(175,80,10)
```
#af5e0a
```
#af5e0a rgb(175,94,10)
```
#af6c0a
```
#af6c0a rgb(175,108,10)
```
#af790a
```
#af790a rgb(175,121,10)
```

Similar Colors

Text with hexadecimal color #af500a

This text has a font color of #af500a.

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

#af500a background color

This paragraph has a background color of #af500a.

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

#af500a border color

This element has a border color of #af500a.

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

CSS codes

.text {color:#af500a;}

.background {background-color:#af500a;}

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

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

#080400
```
#080400 rgb(8,4,0)
```
#1b0c02
```
#1b0c02 rgb(27,12,2)
```
#2d1503
```
#2d1503 rgb(45,21,3)
```
#401d04
```
#401d04 rgb(64,29,4)
```
#522605
```
#522605 rgb(82,38,5)
```
#652e06
```
#652e06 rgb(101,46,6)
```
#773707
```
#773707 rgb(119,55,7)
```
#8a3f08
```
#8a3f08 rgb(138,63,8)
```
#9c4809
```
#9c4809 rgb(156,72,9)
```
#af500a
```
#af500a rgb(175,80,10)
```
#c2580b
```
#c2580b rgb(194,88,11)
```
#d4610c
```
#d4610c rgb(212,97,12)
```
#e7690d
```
#e7690d rgb(231,105,13)
```

Shade Color Variation

#f27316
```
#f27316 rgb(242,115,22)
```
#f37e28
```
#f37e28 rgb(243,126,40)
```
#f4893b
```
#f4893b rgb(244,137,59)
```
#f5944d
```
#f5944d rgb(245,148,77)
```
#f6a060
```
#f6a060 rgb(246,160,96)
```
#f7ab73
```
#f7ab73 rgb(247,171,115)
```
#f8b685
```
#f8b685 rgb(248,182,133)
```
#f9c198
```
#f9c198 rgb(249,193,152)
```
#faccaa
```
#faccaa rgb(250,204,170)
```
#fbd7bd
```
#fbd7bd rgb(251,215,189)
```
#fce2cf
```
#fce2cf rgb(252,226,207)
```
#fdeee2
```
#fdeee2 rgb(253,238,226)
```
#fef9f4
```
#fef9f4 rgb(254,249,244)
```

Tint Color Variation

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

#615c58
```
#615c58 rgb(97,92,88)
```
#685b51
```
#685b51 rgb(104,91,81)
```
#6f5a4a
```
#6f5a4a rgb(111,90,74)
```
#765943
```
#765943 rgb(118,89,67)
```
#7d583c
```
#7d583c rgb(125,88,60)
```
#845635
```
#845635 rgb(132,86,53)
```
#8b552e
```
#8b552e rgb(139,85,46)
```
#935426
```
#935426 rgb(147,84,38)
```
#9a531f
```
#9a531f rgb(154,83,31)
```
#a15218
```
#a15218 rgb(161,82,24)
```
#a85111
```
#a85111 rgb(168,81,17)
```
#af500a
```
#af500a rgb(175,80,10)
```
#b64f03
```
#b64f03 rgb(182,79,3)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#736052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80731d Protanopia 1% of men
#906d00 Deuteranopia 1% of men
#b55358 Tritanopia 0.001% of the population

Trichromacy

#916616 Protanomaly 1% of men, 0.01% of women
#9b6203 Deuteranomaly 6% of men, 0.4% of women
#b3523b Tritanomaly 0.01% of the population

#af500a hex color

#af500a Color Information

#af500a Color Conversion

Color Schemes with #af500a

Alternatives to #af500a

#af500a Preview

Shades and Tints of #af500a

Tones of #af500a

Color Blindness Simulator