#af6314 hex color

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

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

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

The hexadecimal color #af6314 has RGB values of R:175, G:99, B:20 and CMYK values of C:0, M:0.43, Y:0.89, K:0.31. Its decimal value is 11494164.

Hex triplet	af6314	`#af6314`
RGB Decimal	175, 99, 20	`rgb(175,99,20)`
RGB Percent	68.6, 38.8, 7.8	`rgb(68.6%,38.8%,7.8%)`
CMYK	0, 43, 89, 31
HSL	30.6°, 79.5, 38.2	`hsl(30.6,79.5%,38.2%)`
HSV (or HSB)	30.6°, 88.6, 68.6
Web Safe	996600	`#996600`

CIE-LAB	49.605, 25.456, 52.835
XYZ	22.268, 18.09, 2.981
xyY	0.514, 0.417, 18.09
CIE-LCH	49.605, 58.647, 64.275
CIE-LUV	49.605, 62.265, 44.993
Hunter-Lab	42.532, 19.023, 25.617
Binary	10101111, 01100011, 00010100

#af6314
```
#af6314 rgb(175,99,20)
```
#1460af
```
#1460af rgb(20,96,175)
```

Complementary Color

#af1614
```
#af1614 rgb(175,22,20)
```
#af6314
```
#af6314 rgb(175,99,20)
```
#aeaf14
```
#aeaf14 rgb(174,175,20)
```

Analogous Color

#1614af
```
#1614af rgb(22,20,175)
```
#af6314
```
#af6314 rgb(175,99,20)
```
#14aeaf
```
#14aeaf rgb(20,174,175)
```

Split Complementary Color

#6314af
```
#6314af rgb(99,20,175)
```
#af6314
```
#af6314 rgb(175,99,20)
```
#14af63
```
#14af63 rgb(20,175,99)
```

Triadic Color

#af1460
```
#af1460 rgb(175,20,96)
```
#af6314
```
#af6314 rgb(175,99,20)
```
#14af63
```
#14af63 rgb(20,175,99)
```
#1460af
```
#1460af rgb(20,96,175)
```

Tetradic Color

#6a3c0c
```
#6a3c0c rgb(106,60,12)
```
#81490f
```
#81490f rgb(129,73,15)
```
#985611
```
#985611 rgb(152,86,17)
```
#af6314
```
#af6314 rgb(175,99,20)
```
#c67017
```
#c67017 rgb(198,112,23)
```
#dd7d19
```
#dd7d19 rgb(221,125,25)
```
#e78a29
```
#e78a29 rgb(231,138,41)
```

Monochromatic Color

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

#af3c14
```
#af3c14 rgb(175,60,20)
```
#af4914
```
#af4914 rgb(175,73,20)
```
#af5614
```
#af5614 rgb(175,86,20)
```
#af6314
```
#af6314 rgb(175,99,20)
```
#af7014
```
#af7014 rgb(175,112,20)
```
#af7d14
```
#af7d14 rgb(175,125,20)
```
#af8a14
```
#af8a14 rgb(175,138,20)
```

Similar Colors

Text with hexadecimal color #af6314

This text has a font color of #af6314.

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

#af6314 background color

This paragraph has a background color of #af6314.

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

#af6314 border color

This element has a border color of #af6314.

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

CSS codes

.text {color:#af6314;}

.background {background-color:#af6314;}

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

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

#110902
```
#110902 rgb(17,9,2)
```
#221304
```
#221304 rgb(34,19,4)
```
#341d06
```
#341d06 rgb(52,29,6)
```
#452708
```
#452708 rgb(69,39,8)
```
#57310a
```
#57310a rgb(87,49,10)
```
#693b0c
```
#693b0c rgb(105,59,12)
```
#7a450e
```
#7a450e rgb(122,69,14)
```
#8c4f10
```
#8c4f10 rgb(140,79,16)
```
#9d5912
```
#9d5912 rgb(157,89,18)
```
#af6314
```
#af6314 rgb(175,99,20)
```
#c16d16
```
#c16d16 rgb(193,109,22)
```
#d27718
```
#d27718 rgb(210,119,24)
```
#e4811a
```
#e4811a rgb(228,129,26)
```

Shade Color Variation

#e78b2b
```
#e78b2b rgb(231,139,43)
```
#e9943c
```
#e9943c rgb(233,148,60)
```
#eb9e4e
```
#eb9e4e rgb(235,158,78)
```
#eda860
```
#eda860 rgb(237,168,96)
```
#efb171
```
#efb171 rgb(239,177,113)
```
#f1bb83
```
#f1bb83 rgb(241,187,131)
```
#f3c494
```
#f3c494 rgb(243,196,148)
```
#f5cea6
```
#f5cea6 rgb(245,206,166)
```
#f7d8b8
```
#f7d8b8 rgb(247,216,184)
```
#f9e1c9
```
#f9e1c9 rgb(249,225,201)
```
#fbebdb
```
#fbebdb rgb(251,235,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 #be6305 is the most saturated one.

#64625f
```
#64625f rgb(100,98,95)
```
#6c6258
```
#6c6258 rgb(108,98,88)
```
#736250
```
#736250 rgb(115,98,80)
```
#7b6249
```
#7b6249 rgb(123,98,73)
```
#826241
```
#826241 rgb(130,98,65)
```
#8a623a
```
#8a623a rgb(138,98,58)
```
#916232
```
#916232 rgb(145,98,50)
```
#99632b
```
#99632b rgb(153,99,43)
```
#a06323
```
#a06323 rgb(160,99,35)
```
#a8631c
```
#a8631c rgb(168,99,28)
```
#af6314
```
#af6314 rgb(175,99,20)
```
#b7630d
```
#b7630d rgb(183,99,13)
```
#be6305
```
#be6305 rgb(190,99,5)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7d6e5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d24 Protanopia 1% of men
#9c7718 Deuteranopia 1% of men
#b6646a Tritanopia 0.001% of the population

Trichromacy

#98731e Protanomaly 1% of men, 0.01% of women
#a36f16 Deuteranomaly 6% of men, 0.4% of women
#b3634b Tritanomaly 0.01% of the population

#af6314 hex color

#af6314 Color Information

#af6314 Color Conversion

Color Schemes with #af6314

Alternatives to #af6314

#af6314 Preview

Shades and Tints of #af6314

Tones of #af6314

Color Blindness Simulator