#af8314 hex color

In a RGB color space, hex #af8314 is composed of 68.6% red, 51.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 88.6% yellow and 31.4% black. It has a hue angle of 43 degrees, a saturation of 79.5% and a lightness of 38.2%. #af8314 color hex could be obtained by blending #ffff28 with #5f0700. Closest websafe color is: #999900.

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

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

The hexadecimal color #af8314 has RGB values of R:175, G:131, B:20 and CMYK values of C:0, M:0.25, Y:0.89, K:0.31. Its decimal value is 11502356.

Hex triplet	af8314	`#af8314`
RGB Decimal	175, 131, 20	`rgb(175,131,20)`
RGB Percent	68.6, 51.4, 7.8	`rgb(68.6%,51.4%,7.8%)`
CMYK	0, 25, 89, 31
HSL	43°, 79.5, 38.2	`hsl(43,79.5%,38.2%)`
HSV (or HSB)	43°, 88.6, 68.6
Web Safe	999900	`#999900`

CIE-LAB	57.462, 7.606, 59.088
XYZ	25.922, 25.399, 4.199
xyY	0.467, 0.457, 25.399
CIE-LCH	57.462, 59.575, 82.665
CIE-LUV	57.462, 36.854, 57.198
Hunter-Lab	50.397, 3.619, 30.338
Binary	10101111, 10000011, 00010100

#af8314
```
#af8314 rgb(175,131,20)
```
#1440af
```
#1440af rgb(20,64,175)
```

Complementary Color

#af3614
```
#af3614 rgb(175,54,20)
```
#af8314
```
#af8314 rgb(175,131,20)
```
#8eaf14
```
#8eaf14 rgb(142,175,20)
```

Analogous Color

#3614af
```
#3614af rgb(54,20,175)
```
#af8314
```
#af8314 rgb(175,131,20)
```
#148eaf
```
#148eaf rgb(20,142,175)
```

Split Complementary Color

#8314af
```
#8314af rgb(131,20,175)
```
#af8314
```
#af8314 rgb(175,131,20)
```
#14af83
```
#14af83 rgb(20,175,131)
```

Triadic Color

#af1440
```
#af1440 rgb(175,20,64)
```
#af8314
```
#af8314 rgb(175,131,20)
```
#14af83
```
#14af83 rgb(20,175,131)
```
#1440af
```
#1440af rgb(20,64,175)
```

Tetradic Color

#6a500c
```
#6a500c rgb(106,80,12)
```
#81610f
```
#81610f rgb(129,97,15)
```
#987211
```
#987211 rgb(152,114,17)
```
#af8314
```
#af8314 rgb(175,131,20)
```
#c69417
```
#c69417 rgb(198,148,23)
```
#dda519
```
#dda519 rgb(221,165,25)
```
#e7b129
```
#e7b129 rgb(231,177,41)
```

Monochromatic Color

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

#af5c14
```
#af5c14 rgb(175,92,20)
```
#af6914
```
#af6914 rgb(175,105,20)
```
#af7614
```
#af7614 rgb(175,118,20)
```
#af8314
```
#af8314 rgb(175,131,20)
```
#af9014
```
#af9014 rgb(175,144,20)
```
#af9d14
```
#af9d14 rgb(175,157,20)
```
#afaa14
```
#afaa14 rgb(175,170,20)
```

Similar Colors

Text with hexadecimal color #af8314

This text has a font color of #af8314.

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

#af8314 background color

This paragraph has a background color of #af8314.

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

#af8314 border color

This element has a border color of #af8314.

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

CSS codes

.text {color:#af8314;}

.background {background-color:#af8314;}

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

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

#110c02
```
#110c02 rgb(17,12,2)
```
#221a04
```
#221a04 rgb(34,26,4)
```
#342706
```
#342706 rgb(52,39,6)
```
#453408
```
#453408 rgb(69,52,8)
```
#57410a
```
#57410a rgb(87,65,10)
```
#694e0c
```
#694e0c rgb(105,78,12)
```
#7a5b0e
```
#7a5b0e rgb(122,91,14)
```
#8c6910
```
#8c6910 rgb(140,105,16)
```
#9d7612
```
#9d7612 rgb(157,118,18)
```
#af8314
```
#af8314 rgb(175,131,20)
```
#c19016
```
#c19016 rgb(193,144,22)
```
#d29d18
```
#d29d18 rgb(210,157,24)
```
#e4ab1a
```
#e4ab1a rgb(228,171,26)
```

Shade Color Variation

#e7b12b
```
#e7b12b rgb(231,177,43)
```
#e9b83c
```
#e9b83c rgb(233,184,60)
```
#ebbe4e
```
#ebbe4e rgb(235,190,78)
```
#edc560
```
#edc560 rgb(237,197,96)
```
#efcb71
```
#efcb71 rgb(239,203,113)
```
#f1d283
```
#f1d283 rgb(241,210,131)
```
#f3d894
```
#f3d894 rgb(243,216,148)
```
#f5dea6
```
#f5dea6 rgb(245,222,166)
```
#f7e5b8
```
#f7e5b8 rgb(247,229,184)
```
#f9ebc9
```
#f9ebc9 rgb(249,235,201)
```
#fbf2db
```
#fbf2db rgb(251,242,219)
```
#fdf8ec
```
#fdf8ec rgb(253,248,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#64635f
```
#64635f rgb(100,99,95)
```
#6c6658
```
#6c6658 rgb(108,102,88)
```
#736950
```
#736950 rgb(115,105,80)
```
#7b6c49
```
#7b6c49 rgb(123,108,73)
```
#827041
```
#827041 rgb(130,112,65)
```
#8a733a
```
#8a733a rgb(138,115,58)
```
#917632
```
#917632 rgb(145,118,50)
```
#99792b
```
#99792b rgb(153,121,43)
```
#a07d23
```
#a07d23 rgb(160,125,35)
```
#a8801c
```
#a8801c rgb(168,128,28)
```
#af8314
```
#af8314 rgb(175,131,20)
```
#b7860d
```
#b7860d rgb(183,134,13)
```
#be8905
```
#be8905 rgb(190,137,5)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d846e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19022 Protanopia 1% of men
#b38920 Deuteranopia 1% of men
#b98089 Tritanopia 0.001% of the population

Trichromacy

#a68b1c Protanomaly 1% of men, 0.01% of women
#b2861b Deuteranomaly 6% of men, 0.4% of women
#b5815e Tritanomaly 0.01% of the population

#af8314 hex color

#af8314 Color Information

#af8314 Color Conversion

Color Schemes with #af8314

Alternatives to #af8314

#af8314 Preview

Shades and Tints of #af8314

Tones of #af8314

Color Blindness Simulator