#af6514 hex color

In a RGB color space, hex #af6514 is composed of 68.6% red, 39.6% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.3% magenta, 88.6% yellow and 31.4% black. It has a hue angle of 31.4 degrees, a saturation of 79.5% and a lightness of 38.2%. #af6514 color hex could be obtained by blending #ffca28 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

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

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

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

CIE-LAB	50.066, 24.354, 53.201
XYZ	22.46, 18.474, 3.045
xyY	0.511, 0.42, 18.474
CIE-LCH	50.066, 58.51, 65.403
CIE-LUV	50.066, 60.651, 45.726
Hunter-Lab	42.981, 18.059, 25.887
Binary	10101111, 01100101, 00010100

#af6514
```
#af6514 rgb(175,101,20)
```
#145eaf
```
#145eaf rgb(20,94,175)
```

Complementary Color

#af1814
```
#af1814 rgb(175,24,20)
```
#af6514
```
#af6514 rgb(175,101,20)
```
#acaf14
```
#acaf14 rgb(172,175,20)
```

Analogous Color

#1814af
```
#1814af rgb(24,20,175)
```
#af6514
```
#af6514 rgb(175,101,20)
```
#14acaf
```
#14acaf rgb(20,172,175)
```

Split Complementary Color

#6514af
```
#6514af rgb(101,20,175)
```
#af6514
```
#af6514 rgb(175,101,20)
```
#14af65
```
#14af65 rgb(20,175,101)
```

Triadic Color

#af145e
```
#af145e rgb(175,20,94)
```
#af6514
```
#af6514 rgb(175,101,20)
```
#14af65
```
#14af65 rgb(20,175,101)
```
#145eaf
```
#145eaf rgb(20,94,175)
```

Tetradic Color

#6a3d0c
```
#6a3d0c rgb(106,61,12)
```
#814b0f
```
#814b0f rgb(129,75,15)
```
#985811
```
#985811 rgb(152,88,17)
```
#af6514
```
#af6514 rgb(175,101,20)
```
#c67217
```
#c67217 rgb(198,114,23)
```
#dd7f19
```
#dd7f19 rgb(221,127,25)
```
#e78c29
```
#e78c29 rgb(231,140,41)
```

Monochromatic Color

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

#af3e14
```
#af3e14 rgb(175,62,20)
```
#af4b14
```
#af4b14 rgb(175,75,20)
```
#af5814
```
#af5814 rgb(175,88,20)
```
#af6514
```
#af6514 rgb(175,101,20)
```
#af7214
```
#af7214 rgb(175,114,20)
```
#af7f14
```
#af7f14 rgb(175,127,20)
```
#af8c14
```
#af8c14 rgb(175,140,20)
```

Similar Colors

Text with hexadecimal color #af6514

This text has a font color of #af6514.

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

#af6514 background color

This paragraph has a background color of #af6514.

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

#af6514 border color

This element has a border color of #af6514.

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

CSS codes

.text {color:#af6514;}

.background {background-color:#af6514;}

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

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)
```
#57320a
```
#57320a rgb(87,50,10)
```
#693c0c
```
#693c0c rgb(105,60,12)
```
#7a470e
```
#7a470e rgb(122,71,14)
```
#8c5110
```
#8c5110 rgb(140,81,16)
```
#9d5b12
```
#9d5b12 rgb(157,91,18)
```
#af6514
```
#af6514 rgb(175,101,20)
```
#c16f16
```
#c16f16 rgb(193,111,22)
```
#d27918
```
#d27918 rgb(210,121,24)
```
#e4831a
```
#e4831a rgb(228,131,26)
```

Shade Color Variation

#e78d2b
```
#e78d2b rgb(231,141,43)
```
#e9963c
```
#e9963c rgb(233,150,60)
```
#eba04e
```
#eba04e rgb(235,160,78)
```
#eda960
```
#eda960 rgb(237,169,96)
```
#efb371
```
#efb371 rgb(239,179,113)
```
#f1bc83
```
#f1bc83 rgb(241,188,131)
```
#f3c694
```
#f3c694 rgb(243,198,148)
```
#f5cfa6
```
#f5cfa6 rgb(245,207,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 #be6605 is the most saturated one.

#64625f
```
#64625f rgb(100,98,95)
```
#6c6258
```
#6c6258 rgb(108,98,88)
```
#736250
```
#736250 rgb(115,98,80)
```
#7b6349
```
#7b6349 rgb(123,99,73)
```
#826341
```
#826341 rgb(130,99,65)
```
#8a633a
```
#8a633a rgb(138,99,58)
```
#916432
```
#916432 rgb(145,100,50)
```
#99642b
```
#99642b rgb(153,100,43)
```
#a06423
```
#a06423 rgb(160,100,35)
```
#a8651c
```
#a8651c rgb(168,101,28)
```
#af6514
```
#af6514 rgb(175,101,20)
```
#b7650d
```
#b7650d rgb(183,101,13)
```
#be6605
```
#be6605 rgb(190,102,5)
```

Tone Color Variation

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

Dichromacy

#8d7e24 Protanopia 1% of men
#9d7818 Deuteranopia 1% of men
#b6666c Tritanopia 0.001% of the population

Trichromacy

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

#af6514 hex color

#af6514 Color Information

#af6514 Color Conversion

Color Schemes with #af6514

Alternatives to #af6514

#af6514 Preview

Shades and Tints of #af6514

Tones of #af6514

Color Blindness Simulator