#af501c hex color

In a RGB color space, hex #af501c is composed of 68.6% red, 31.4% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 84% yellow and 31.4% black. It has a hue angle of 21.2 degrees, a saturation of 72.4% and a lightness of 39.8%. #af501c color hex could be obtained by blending #ffa038 with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af501c has RGB values of R:175, G:80, B:28 and CMYK values of C:0, M:0.54, Y:0.84, K:0.31. Its decimal value is 11489308.

Hex triplet	af501c	`#af501c`
RGB Decimal	175, 80, 28	`rgb(175,80,28)`
RGB Percent	68.6, 31.4, 11	`rgb(68.6%,31.4%,11%)`
CMYK	0, 54, 84, 31
HSL	21.2°, 72.4, 39.8	`hsl(21.2,72.4%,39.8%)`
HSV (or HSB)	21.2°, 84, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.548, 35.814, 46.468
XYZ	20.758, 14.937, 2.889
xyY	0.538, 0.387, 14.937
CIE-LCH	45.548, 58.668, 52.378
CIE-LUV	45.548, 76.817, 36.721
Hunter-Lab	38.649, 28.238, 22.623
Binary	10101111, 01010000, 00011100

#af501c
```
#af501c rgb(175,80,28)
```
#1c7baf
```
#1c7baf rgb(28,123,175)
```

Complementary Color

#af1c32
```
#af1c32 rgb(175,28,50)
```
#af501c
```
#af501c rgb(175,80,28)
```
#af9a1c
```
#af9a1c rgb(175,154,28)
```

Analogous Color

#1c32af
```
#1c32af rgb(28,50,175)
```
#af501c
```
#af501c rgb(175,80,28)
```
#1caf9a
```
#1caf9a rgb(28,175,154)
```

Split Complementary Color

#501caf
```
#501caf rgb(80,28,175)
```
#af501c
```
#af501c rgb(175,80,28)
```
#1caf50
```
#1caf50 rgb(28,175,80)
```

Triadic Color

#af1c7b
```
#af1c7b rgb(175,28,123)
```
#af501c
```
#af501c rgb(175,80,28)
```
#1caf50
```
#1caf50 rgb(28,175,80)
```
#1c7baf
```
#1c7baf rgb(28,123,175)
```

Tetradic Color

#6d3211
```
#6d3211 rgb(109,50,17)
```
#833c15
```
#833c15 rgb(131,60,21)
```
#994618
```
#994618 rgb(153,70,24)
```
#af501c
```
#af501c rgb(175,80,28)
```
#c55a20
```
#c55a20 rgb(197,90,32)
```
#db6423
```
#db6423 rgb(219,100,35)
```
#df7338
```
#df7338 rgb(223,115,56)
```

Monochromatic Color

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

#af2b1c
```
#af2b1c rgb(175,43,28)
```
#af371c
```
#af371c rgb(175,55,28)
```
#af441c
```
#af441c rgb(175,68,28)
```
#af501c
```
#af501c rgb(175,80,28)
```
#af5c1c
```
#af5c1c rgb(175,92,28)
```
#af691c
```
#af691c rgb(175,105,28)
```
#af751c
```
#af751c rgb(175,117,28)
```

Similar Colors

Text with hexadecimal color #af501c

This text has a font color of #af501c.

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

#af501c background color

This paragraph has a background color of #af501c.

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

#af501c border color

This element has a border color of #af501c.

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

CSS codes

.text {color:#af501c;}

.background {background-color:#af501c;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#170a04
```
#170a04 rgb(23,10,4)
```
#281206
```
#281206 rgb(40,18,6)
```
#391a09
```
#391a09 rgb(57,26,9)
```
#4a220c
```
#4a220c rgb(74,34,12)
```
#5a290e
```
#5a290e rgb(90,41,14)
```
#6b3111
```
#6b3111 rgb(107,49,17)
```
#7c3914
```
#7c3914 rgb(124,57,20)
```
#8d4117
```
#8d4117 rgb(141,65,23)
```
#9e4819
```
#9e4819 rgb(158,72,25)
```
#af501c
```
#af501c rgb(175,80,28)
```
#c0581f
```
#c0581f rgb(192,88,31)
```
#d15f21
```
#d15f21 rgb(209,95,33)
```

Shade Color Variation

#dd6929
```
#dd6929 rgb(221,105,41)
```
#df753a
```
#df753a rgb(223,117,58)
```
#e2804b
```
#e2804b rgb(226,128,75)
```
#e58c5c
```
#e58c5c rgb(229,140,92)
```
#e8986d
```
#e8986d rgb(232,152,109)
```
#eaa47e
```
#eaa47e rgb(234,164,126)
```
#edb08f
```
#edb08f rgb(237,176,143)
```
#f0bc9f
```
#f0bc9f rgb(240,188,159)
```
#f2c8b0
```
#f2c8b0 rgb(242,200,176)
```
#f5d4c1
```
#f5d4c1 rgb(245,212,193)
```
#f8dfd2
```
#f8dfd2 rgb(248,223,210)
```
#fbebe3
```
#fbebe3 rgb(251,235,227)
```
#fdf7f4
```
#fdf7f4 rgb(253,247,244)
```

Tint Color Variation

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

#696562
```
#696562 rgb(105,101,98)
```
#71625a
```
#71625a rgb(113,98,90)
```
#786053
```
#786053 rgb(120,96,83)
```
#805e4b
```
#805e4b rgb(128,94,75)
```
#885b43
```
#885b43 rgb(136,91,67)
```
#90593b
```
#90593b rgb(144,89,59)
```
#985733
```
#985733 rgb(152,87,51)
```
#9f552c
```
#9f552c rgb(159,85,44)
```
#a75224
```
#a75224 rgb(167,82,36)
```
#af501c
```
#af501c rgb(175,80,28)
```
#b74e14
```
#b74e14 rgb(183,78,20)
```
#bf4b0c
```
#bf4b0c rgb(191,75,12)
```
#c64905
```
#c64905 rgb(198,73,5)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#756257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80732e Protanopia 1% of men
#8f6d1e Deuteranopia 1% of men
#b55459 Tritanopia 0.001% of the population

Trichromacy

#916627 Protanomaly 1% of men, 0.01% of women
#9b631d Deuteranomaly 6% of men, 0.4% of women
#b25242 Tritanomaly 0.01% of the population

#af501c hex color

#af501c Color Information

#af501c Color Conversion

Color Schemes with #af501c

Alternatives to #af501c

#af501c Preview

Shades and Tints of #af501c

Tones of #af501c

Color Blindness Simulator