#af5718 hex color

In a RGB color space, hex #af5718 is composed of 68.6% red, 34.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 86.3% yellow and 31.4% black. It has a hue angle of 25 degrees, a saturation of 75.9% and a lightness of 39%. #af5718 color hex could be obtained by blending #ffae30 with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 34
- B 9
RGB color chart
- C 0
- M 50
- Y 86
- K 31
CMYK color chart

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

The hexadecimal color #af5718 has RGB values of R:175, G:87, B:24 and CMYK values of C:0, M:0.5, Y:0.86, K:0.31. Its decimal value is 11491096.

Hex triplet	af5718	`#af5718`
RGB Decimal	175, 87, 24	`rgb(175,87,24)`
RGB Percent	68.6, 34.1, 9.4	`rgb(68.6%,34.1%,9.4%)`
CMYK	0, 50, 86, 31
HSL	25°, 75.9, 39	`hsl(25,75.9%,39%)`
HSV (or HSB)	25°, 86.3, 68.6
Web Safe	996600	`#996600`

CIE-LAB	46.972, 32.049, 49.309
XYZ	21.253, 15.998, 2.833
xyY	0.53, 0.399, 15.998
CIE-LCH	46.972, 58.809, 56.978
CIE-LUV	46.972, 71.652, 39.986
Hunter-Lab	39.998, 24.851, 23.799
Binary	10101111, 01010111, 00011000

#af5718
```
#af5718 rgb(175,87,24)
```
#1870af
```
#1870af rgb(24,112,175)
```

Complementary Color

#af1825
```
#af1825 rgb(175,24,37)
```
#af5718
```
#af5718 rgb(175,87,24)
```
#afa318
```
#afa318 rgb(175,163,24)
```

Analogous Color

#1825af
```
#1825af rgb(24,37,175)
```
#af5718
```
#af5718 rgb(175,87,24)
```
#18afa3
```
#18afa3 rgb(24,175,163)
```

Split Complementary Color

#5718af
```
#5718af rgb(87,24,175)
```
#af5718
```
#af5718 rgb(175,87,24)
```
#18af57
```
#18af57 rgb(24,175,87)
```

Triadic Color

#af1870
```
#af1870 rgb(175,24,112)
```
#af5718
```
#af5718 rgb(175,87,24)
```
#18af57
```
#18af57 rgb(24,175,87)
```
#1870af
```
#1870af rgb(24,112,175)
```

Tetradic Color

#6c360f
```
#6c360f rgb(108,54,15)
```
#824112
```
#824112 rgb(130,65,18)
```
#994c15
```
#994c15 rgb(153,76,21)
```
#af5718
```
#af5718 rgb(175,87,24)
```
#c5621b
```
#c5621b rgb(197,98,27)
```
#dc6d1e
```
#dc6d1e rgb(220,109,30)
```
#e37b31
```
#e37b31 rgb(227,123,49)
```

Monochromatic Color

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

#af3118
```
#af3118 rgb(175,49,24)
```
#af3e18
```
#af3e18 rgb(175,62,24)
```
#af4a18
```
#af4a18 rgb(175,74,24)
```
#af5718
```
#af5718 rgb(175,87,24)
```
#af6418
```
#af6418 rgb(175,100,24)
```
#af7018
```
#af7018 rgb(175,112,24)
```
#af7d18
```
#af7d18 rgb(175,125,24)
```

Similar Colors

Text with hexadecimal color #af5718

This text has a font color of #af5718.

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

#af5718 background color

This paragraph has a background color of #af5718.

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

#af5718 border color

This element has a border color of #af5718.

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

CSS codes

.text {color:#af5718;}

.background {background-color:#af5718;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#140a03
```
#140a03 rgb(20,10,3)
```
#251205
```
#251205 rgb(37,18,5)
```
#361b07
```
#361b07 rgb(54,27,7)
```
#48240a
```
#48240a rgb(72,36,10)
```
#592c0c
```
#592c0c rgb(89,44,12)
```
#6a350f
```
#6a350f rgb(106,53,15)
```
#7b3d11
```
#7b3d11 rgb(123,61,17)
```
#8d4613
```
#8d4613 rgb(141,70,19)
```
#9e4e16
```
#9e4e16 rgb(158,78,22)
```
#af5718
```
#af5718 rgb(175,87,24)
```
#c0601a
```
#c0601a rgb(192,96,26)
```
#d1681d
```
#d1681d rgb(209,104,29)
```

Shade Color Variation

#e17121
```
#e17121 rgb(225,113,33)
```
#e37c33
```
#e37c33 rgb(227,124,51)
```
#e58744
```
#e58744 rgb(229,135,68)
```
#e89255
```
#e89255 rgb(232,146,85)
```
#ea9d66
```
#ea9d66 rgb(234,157,102)
```
#eca878
```
#eca878 rgb(236,168,120)
```
#efb389
```
#efb389 rgb(239,179,137)
```
#f1be9a
```
#f1be9a rgb(241,190,154)
```
#f4c9ab
```
#f4c9ab rgb(244,201,171)
```
#f6d4bd
```
#f6d4bd rgb(246,212,189)
```
#f8dfce
```
#f8dfce rgb(248,223,206)
```
#fbebdf
```
#fbebdf rgb(251,235,223)
```
#fdf6f0
```
#fdf6f0 rgb(253,246,240)
```

Tint Color Variation

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

#6a625d
```
#6a625d rgb(106,98,93)
```
#726155
```
#726155 rgb(114,97,85)
```
#79604e
```
#79604e rgb(121,96,78)
```
#815f46
```
#815f46 rgb(129,95,70)
```
#895d3e
```
#895d3e rgb(137,93,62)
```
#905c37
```
#905c37 rgb(144,92,55)
```
#985b2f
```
#985b2f rgb(152,91,47)
```
#a05a27
```
#a05a27 rgb(160,90,39)
```
#a75820
```
#a75820 rgb(167,88,32)
```
#af5718
```
#af5718 rgb(175,87,24)
```
#b75610
```
#b75610 rgb(183,86,16)
```
#be5409
```
#be5409 rgb(190,84,9)
```
#c65301
```
#c65301 rgb(198,83,1)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#78665a Atypical Achromatopsia 0.001% of the population

Dichromacy

#847729 Protanopia 1% of men
#94711a Deuteranopia 1% of men
#b55a5f Tritanopia 0.001% of the population

Trichromacy

#936b23 Protanomaly 1% of men, 0.01% of women
#9e6719 Deuteranomaly 6% of men, 0.4% of women
#b35845 Tritanomaly 0.01% of the population

#af5718 hex color

#af5718 Color Information

#af5718 Color Conversion

Color Schemes with #af5718

Alternatives to #af5718

#af5718 Preview

Shades and Tints of #af5718

Tones of #af5718

Color Blindness Simulator