#af5714 hex color

In a RGB color space, hex #af5714 is composed of 68.6% red, 34.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 88.6% yellow and 31.4% black. It has a hue angle of 25.9 degrees, a saturation of 79.5% and a lightness of 38.2%. #af5714 color hex could be obtained by blending #ffae28 with #5f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #af5714 has RGB values of R:175, G:87, B:20 and CMYK values of C:0, M:0.5, Y:0.89, K:0.31. Its decimal value is 11491092.

Hex triplet	af5714	`#af5714`
RGB Decimal	175, 87, 20	`rgb(175,87,20)`
RGB Percent	68.6, 34.1, 7.8	`rgb(68.6%,34.1%,7.8%)`
CMYK	0, 50, 89, 31
HSL	25.9°, 79.5, 38.2	`hsl(25.9,79.5%,38.2%)`
HSV (or HSB)	25.9°, 88.6, 68.6
Web Safe	996600	`#996600`

CIE-LAB	46.952, 31.952, 50.727
XYZ	21.214, 15.983, 2.63
xyY	0.533, 0.401, 15.983
CIE-LCH	46.952, 59.951, 57.794
CIE-LUV	46.952, 71.901, 40.719
Hunter-Lab	39.979, 24.758, 24.085
Binary	10101111, 01010111, 00010100

#af5714
```
#af5714 rgb(175,87,20)
```
#146caf
```
#146caf rgb(20,108,175)
```

Complementary Color

#af141e
```
#af141e rgb(175,20,30)
```
#af5714
```
#af5714 rgb(175,87,20)
```
#afa514
```
#afa514 rgb(175,165,20)
```

Analogous Color

#141eaf
```
#141eaf rgb(20,30,175)
```
#af5714
```
#af5714 rgb(175,87,20)
```
#14afa5
```
#14afa5 rgb(20,175,165)
```

Split Complementary Color

#5714af
```
#5714af rgb(87,20,175)
```
#af5714
```
#af5714 rgb(175,87,20)
```
#14af57
```
#14af57 rgb(20,175,87)
```

Triadic Color

#af146c
```
#af146c rgb(175,20,108)
```
#af5714
```
#af5714 rgb(175,87,20)
```
#14af57
```
#14af57 rgb(20,175,87)
```
#146caf
```
#146caf rgb(20,108,175)
```

Tetradic Color

#6a350c
```
#6a350c rgb(106,53,12)
```
#81400f
```
#81400f rgb(129,64,15)
```
#984c11
```
#984c11 rgb(152,76,17)
```
#af5714
```
#af5714 rgb(175,87,20)
```
#c66217
```
#c66217 rgb(198,98,23)
```
#dd6e19
```
#dd6e19 rgb(221,110,25)
```
#e77b29
```
#e77b29 rgb(231,123,41)
```

Monochromatic Color

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

#af3014
```
#af3014 rgb(175,48,20)
```
#af3d14
```
#af3d14 rgb(175,61,20)
```
#af4a14
```
#af4a14 rgb(175,74,20)
```
#af5714
```
#af5714 rgb(175,87,20)
```
#af6414
```
#af6414 rgb(175,100,20)
```
#af7114
```
#af7114 rgb(175,113,20)
```
#af7e14
```
#af7e14 rgb(175,126,20)
```

Similar Colors

Text with hexadecimal color #af5714

This text has a font color of #af5714.

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

#af5714 background color

This paragraph has a background color of #af5714.

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

#af5714 border color

This element has a border color of #af5714.

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

CSS codes

.text {color:#af5714;}

.background {background-color:#af5714;}

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

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

#110802
```
#110802 rgb(17,8,2)
```
#221104
```
#221104 rgb(34,17,4)
```
#341a06
```
#341a06 rgb(52,26,6)
```
#452208
```
#452208 rgb(69,34,8)
```
#572b0a
```
#572b0a rgb(87,43,10)
```
#69340c
```
#69340c rgb(105,52,12)
```
#7a3d0e
```
#7a3d0e rgb(122,61,14)
```
#8c4510
```
#8c4510 rgb(140,69,16)
```
#9d4e12
```
#9d4e12 rgb(157,78,18)
```
#af5714
```
#af5714 rgb(175,87,20)
```
#c16016
```
#c16016 rgb(193,96,22)
```
#d26918
```
#d26918 rgb(210,105,24)
```
#e4711a
```
#e4711a rgb(228,113,26)
```

Shade Color Variation

#e77c2b
```
#e77c2b rgb(231,124,43)
```
#e9873c
```
#e9873c rgb(233,135,60)
```
#eb924e
```
#eb924e rgb(235,146,78)
```
#ed9d60
```
#ed9d60 rgb(237,157,96)
```
#efa771
```
#efa771 rgb(239,167,113)
```
#f1b283
```
#f1b283 rgb(241,178,131)
```
#f3bd94
```
#f3bd94 rgb(243,189,148)
```
#f5c8a6
```
#f5c8a6 rgb(245,200,166)
```
#f7d3b8
```
#f7d3b8 rgb(247,211,184)
```
#f9dec9
```
#f9dec9 rgb(249,222,201)
```
#fbe9db
```
#fbe9db rgb(251,233,219)
```
#fdf3ec
```
#fdf3ec rgb(253,243,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#64615f
```
#64615f rgb(100,97,95)
```
#6c6058
```
#6c6058 rgb(108,96,88)
```
#735f50
```
#735f50 rgb(115,95,80)
```
#7b5e49
```
#7b5e49 rgb(123,94,73)
```
#825d41
```
#825d41 rgb(130,93,65)
```
#8a5c3a
```
#8a5c3a rgb(138,92,58)
```
#915b32
```
#915b32 rgb(145,91,50)
```
#995a2b
```
#995a2b rgb(153,90,43)
```
#a05923
```
#a05923 rgb(160,89,35)
```
#a8581c
```
#a8581c rgb(168,88,28)
```
#af5714
```
#af5714 rgb(175,87,20)
```
#b7560d
```
#b7560d rgb(183,86,13)
```
#be5505
```
#be5505 rgb(190,85,5)
```

Tone Color Variation

Below, you can see how #af5714 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
#786659 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847626 Protanopia 1% of men
#947115 Deuteranopia 1% of men
#b5595f Tritanopia 0.001% of the population

Trichromacy

#946b1f Protanomaly 1% of men, 0.01% of women
#9e6714 Deuteranomaly 6% of men, 0.4% of women
#b35844 Tritanomaly 0.01% of the population

#af5714 hex color

#af5714 Color Information

#af5714 Color Conversion

Color Schemes with #af5714

Alternatives to #af5714

#af5714 Preview

Shades and Tints of #af5714

Tones of #af5714

Color Blindness Simulator