#af6614 hex color

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

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

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

The hexadecimal color #af6614 has RGB values of R:175, G:102, B:20 and CMYK values of C:0, M:0.42, Y:0.89, K:0.31. Its decimal value is 11494932.

Hex triplet	af6614	`#af6614`
RGB Decimal	175, 102, 20	`rgb(175,102,20)`
RGB Percent	68.6, 40, 7.8	`rgb(68.6%,40%,7.8%)`
CMYK	0, 42, 89, 31
HSL	31.7°, 79.5, 38.2	`hsl(31.7,79.5%,38.2%)`
HSV (or HSB)	31.7°, 88.6, 68.6
Web Safe	996600	`#996600`

CIE-LAB	50.298, 23.801, 53.385
XYZ	22.558, 18.669, 3.077
xyY	0.509, 0.421, 18.669
CIE-LCH	50.298, 58.451, 65.971
CIE-LUV	50.298, 59.843, 46.095
Hunter-Lab	43.208, 17.577, 26.023
Binary	10101111, 01100110, 00010100

#af6614
```
#af6614 rgb(175,102,20)
```
#145daf
```
#145daf rgb(20,93,175)
```

Complementary Color

#af1914
```
#af1914 rgb(175,25,20)
```
#af6614
```
#af6614 rgb(175,102,20)
```
#abaf14
```
#abaf14 rgb(171,175,20)
```

Analogous Color

#1914af
```
#1914af rgb(25,20,175)
```
#af6614
```
#af6614 rgb(175,102,20)
```
#14abaf
```
#14abaf rgb(20,171,175)
```

Split Complementary Color

#6614af
```
#6614af rgb(102,20,175)
```
#af6614
```
#af6614 rgb(175,102,20)
```
#14af66
```
#14af66 rgb(20,175,102)
```

Triadic Color

#af145d
```
#af145d rgb(175,20,93)
```
#af6614
```
#af6614 rgb(175,102,20)
```
#14af66
```
#14af66 rgb(20,175,102)
```
#145daf
```
#145daf rgb(20,93,175)
```

Tetradic Color

#6a3e0c
```
#6a3e0c rgb(106,62,12)
```
#814b0f
```
#814b0f rgb(129,75,15)
```
#985911
```
#985911 rgb(152,89,17)
```
#af6614
```
#af6614 rgb(175,102,20)
```
#c67317
```
#c67317 rgb(198,115,23)
```
#dd8119
```
#dd8119 rgb(221,129,25)
```
#e78d29
```
#e78d29 rgb(231,141,41)
```

Monochromatic Color

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

#af3f14
```
#af3f14 rgb(175,63,20)
```
#af4c14
```
#af4c14 rgb(175,76,20)
```
#af5914
```
#af5914 rgb(175,89,20)
```
#af6614
```
#af6614 rgb(175,102,20)
```
#af7314
```
#af7314 rgb(175,115,20)
```
#af8014
```
#af8014 rgb(175,128,20)
```
#af8d14
```
#af8d14 rgb(175,141,20)
```

Similar Colors

Text with hexadecimal color #af6614

This text has a font color of #af6614.

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

#af6614 background color

This paragraph has a background color of #af6614.

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

#af6614 border color

This element has a border color of #af6614.

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

CSS codes

.text {color:#af6614;}

.background {background-color:#af6614;}

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

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

#110a02
```
#110a02 rgb(17,10,2)
```
#221404
```
#221404 rgb(34,20,4)
```
#341e06
```
#341e06 rgb(52,30,6)
```
#452808
```
#452808 rgb(69,40,8)
```
#57330a
```
#57330a rgb(87,51,10)
```
#693d0c
```
#693d0c rgb(105,61,12)
```
#7a470e
```
#7a470e rgb(122,71,14)
```
#8c5110
```
#8c5110 rgb(140,81,16)
```
#9d5c12
```
#9d5c12 rgb(157,92,18)
```
#af6614
```
#af6614 rgb(175,102,20)
```
#c17016
```
#c17016 rgb(193,112,22)
```
#d27b18
```
#d27b18 rgb(210,123,24)
```
#e4851a
```
#e4851a rgb(228,133,26)
```

Shade Color Variation

#e78e2b
```
#e78e2b rgb(231,142,43)
```
#e9983c
```
#e9983c rgb(233,152,60)
```
#eba14e
```
#eba14e rgb(235,161,78)
```
#edaa60
```
#edaa60 rgb(237,170,96)
```
#efb471
```
#efb471 rgb(239,180,113)
```
#f1bd83
```
#f1bd83 rgb(241,189,131)
```
#f3c694
```
#f3c694 rgb(243,198,148)
```
#f5d0a6
```
#f5d0a6 rgb(245,208,166)
```
#f7d9b8
```
#f7d9b8 rgb(247,217,184)
```
#f9e2c9
```
#f9e2c9 rgb(249,226,201)
```
#fbecdb
```
#fbecdb rgb(251,236,219)
```
#fdf5ec
```
#fdf5ec rgb(253,245,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#64625f
```
#64625f rgb(100,98,95)
```
#6c6258
```
#6c6258 rgb(108,98,88)
```
#736350
```
#736350 rgb(115,99,80)
```
#7b6349
```
#7b6349 rgb(123,99,73)
```
#826341
```
#826341 rgb(130,99,65)
```
#8a643a
```
#8a643a rgb(138,100,58)
```
#916432
```
#916432 rgb(145,100,50)
```
#99652b
```
#99652b rgb(153,101,43)
```
#a06523
```
#a06523 rgb(160,101,35)
```
#a8661c
```
#a8661c rgb(168,102,28)
```
#af6614
```
#af6614 rgb(175,102,20)
```
#b7660d
```
#b7660d rgb(183,102,13)
```
#be6705
```
#be6705 rgb(190,103,5)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7e705f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7e24 Protanopia 1% of men
#9e7819 Deuteranopia 1% of men
#b6676d Tritanopia 0.001% of the population

Trichromacy

#99751e Protanomaly 1% of men, 0.01% of women
#a47117 Deuteranomaly 6% of men, 0.4% of women
#b4664d Tritanomaly 0.01% of the population

#af6614 hex color

#af6614 Color Information

#af6614 Color Conversion

Color Schemes with #af6614

Alternatives to #af6614

#af6614 Preview

Shades and Tints of #af6614

Tones of #af6614

Color Blindness Simulator