#af5313 hex color

In a RGB color space, hex #af5313 is composed of 68.6% red, 32.5% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.6% magenta, 89.1% yellow and 31.4% black. It has a hue angle of 24.6 degrees, a saturation of 80.4% and a lightness of 38%. #af5313 color hex could be obtained by blending #ffa626 with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 33
- B 7
RGB color chart
- C 0
- M 53
- Y 89
- K 31
CMYK color chart

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

The hexadecimal color #af5313 has RGB values of R:175, G:83, B:19 and CMYK values of C:0, M:0.53, Y:0.89, K:0.31. Its decimal value is 11490067.

Hex triplet	af5313	`#af5313`
RGB Decimal	175, 83, 19	`rgb(175,83,19)`
RGB Percent	68.6, 32.5, 7.5	`rgb(68.6%,32.5%,7.5%)`
CMYK	0, 53, 89, 31
HSL	24.6°, 80.4, 38	`hsl(24.6,80.4%,38%)`
HSV (or HSB)	24.6°, 89.1, 68.6
Web Safe	996600	`#996600`

CIE-LAB	46.109, 34.034, 50.402
XYZ	20.891, 15.35, 2.479
xyY	0.54, 0.396, 15.35
CIE-LCH	46.109, 60.817, 55.97
CIE-LUV	46.109, 75.128, 39.521
Hunter-Lab	39.178, 26.618, 23.674
Binary	10101111, 01010011, 00010011

#af5313
```
#af5313 rgb(175,83,19)
```
#136faf
```
#136faf rgb(19,111,175)
```

Complementary Color

#af1321
```
#af1321 rgb(175,19,33)
```
#af5313
```
#af5313 rgb(175,83,19)
```
#afa113
```
#afa113 rgb(175,161,19)
```

Analogous Color

#1321af
```
#1321af rgb(19,33,175)
```
#af5313
```
#af5313 rgb(175,83,19)
```
#13afa1
```
#13afa1 rgb(19,175,161)
```

Split Complementary Color

#5313af
```
#5313af rgb(83,19,175)
```
#af5313
```
#af5313 rgb(175,83,19)
```
#13af53
```
#13af53 rgb(19,175,83)
```

Triadic Color

#af136f
```
#af136f rgb(175,19,111)
```
#af5313
```
#af5313 rgb(175,83,19)
```
#13af53
```
#13af53 rgb(19,175,83)
```
#136faf
```
#136faf rgb(19,111,175)
```

Tetradic Color

#6a320c
```
#6a320c rgb(106,50,12)
```
#813d0e
```
#813d0e rgb(129,61,14)
```
#984811
```
#984811 rgb(152,72,17)
```
#af5313
```
#af5313 rgb(175,83,19)
```
#c65e15
```
#c65e15 rgb(198,94,21)
```
#dd6918
```
#dd6918 rgb(221,105,24)
```
#e87627
```
#e87627 rgb(232,118,39)
```

Monochromatic Color

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

#af2c13
```
#af2c13 rgb(175,44,19)
```
#af3913
```
#af3913 rgb(175,57,19)
```
#af4613
```
#af4613 rgb(175,70,19)
```
#af5313
```
#af5313 rgb(175,83,19)
```
#af6013
```
#af6013 rgb(175,96,19)
```
#af6d13
```
#af6d13 rgb(175,109,19)
```
#af7a13
```
#af7a13 rgb(175,122,19)
```

Similar Colors

Text with hexadecimal color #af5313

This text has a font color of #af5313.

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

#af5313 background color

This paragraph has a background color of #af5313.

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

#af5313 border color

This element has a border color of #af5313.

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

CSS codes

.text {color:#af5313;}

.background {background-color:#af5313;}

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

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

#100702
```
#100702 rgb(16,7,2)
```
#211004
```
#211004 rgb(33,16,4)
```
#331806
```
#331806 rgb(51,24,6)
```
#452107
```
#452107 rgb(69,33,7)
```
#572909
```
#572909 rgb(87,41,9)
```
#68310b
```
#68310b rgb(104,49,11)
```
#7a3a0d
```
#7a3a0d rgb(122,58,13)
```
#8c420f
```
#8c420f rgb(140,66,15)
```
#9d4b11
```
#9d4b11 rgb(157,75,17)
```
#af5313
```
#af5313 rgb(175,83,19)
```
#c15b15
```
#c15b15 rgb(193,91,21)
```
#d26417
```
#d26417 rgb(210,100,23)
```
#e46c19
```
#e46c19 rgb(228,108,25)
```

Shade Color Variation

#e87729
```
#e87729 rgb(232,119,41)
```
#ea823a
```
#ea823a rgb(234,130,58)
```
#ec8e4c
```
#ec8e4c rgb(236,142,76)
```
#ed995e
```
#ed995e rgb(237,153,94)
```
#efa470
```
#efa470 rgb(239,164,112)
```
#f1af81
```
#f1af81 rgb(241,175,129)
```
#f3ba93
```
#f3ba93 rgb(243,186,147)
```
#f5c6a5
```
#f5c6a5 rgb(245,198,165)
```
#f7d1b6
```
#f7d1b6 rgb(247,209,182)
```
#f9dcc8
```
#f9dcc8 rgb(249,220,200)
```
#fbe7da
```
#fbe7da rgb(251,231,218)
```
#fdf3eb
```
#fdf3eb rgb(253,243,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#64605e
```
#64605e rgb(100,96,94)
```
#6c5f56
```
#6c5f56 rgb(108,95,86)
```
#735e4f
```
#735e4f rgb(115,94,79)
```
#7b5c47
```
#7b5c47 rgb(123,92,71)
```
#825b40
```
#825b40 rgb(130,91,64)
```
#8a5a38
```
#8a5a38 rgb(138,90,56)
```
#915831
```
#915831 rgb(145,88,49)
```
#995729
```
#995729 rgb(153,87,41)
```
#a05622
```
#a05622 rgb(160,86,34)
```
#a8541a
```
#a8541a rgb(168,84,26)
```
#af5313
```
#af5313 rgb(175,83,19)
```
#b6520c
```
#b6520c rgb(182,82,12)
```
#be5004
```
#be5004 rgb(190,80,4)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#756356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827525 Protanopia 1% of men
#926f12 Deuteranopia 1% of men
#b5565b Tritanopia 0.001% of the population

Trichromacy

#92681e Protanomaly 1% of men, 0.01% of women
#9c6412 Deuteranomaly 6% of men, 0.4% of women
#b35541 Tritanomaly 0.01% of the population

#af5313 hex color

#af5313 Color Information

#af5313 Color Conversion

Color Schemes with #af5313

Alternatives to #af5313

#af5313 Preview

Shades and Tints of #af5313

Tones of #af5313

Color Blindness Simulator