#af5f35 hex color

In a RGB color space, hex #af5f35 is composed of 68.6% red, 37.3% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 69.7% yellow and 31.4% black. It has a hue angle of 20.7 degrees, a saturation of 53.5% and a lightness of 44.7%. #af5f35 color hex could be obtained by blending #ffbe6a with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 37
- B 21
RGB color chart
- C 0
- M 46
- Y 70
- K 31
CMYK color chart

● #af5f35 color description : Dark moderate orange.

The hexadecimal color #af5f35 has RGB values of R:175, G:95, B:53 and CMYK values of C:0, M:0.46, Y:0.7, K:0.31. Its decimal value is 11493173.

Hex triplet	af5f35	`#af5f35`
RGB Decimal	175, 95, 53	`rgb(175,95,53)`
RGB Percent	68.6, 37.3, 20.8	`rgb(68.6%,37.3%,20.8%)`
CMYK	0, 46, 70, 31
HSL	20.7°, 53.5, 44.7	`hsl(20.7,53.5%,44.7%)`
HSV (or HSB)	20.7°, 69.7, 68.6
Web Safe	996633	`#996633`

CIE-LAB	48.955, 28.935, 37.718
XYZ	22.415, 17.557, 5.576
xyY	0.492, 0.385, 17.557
CIE-LCH	48.955, 47.538, 52.507
CIE-LUV	48.955, 62.718, 34.381
Hunter-Lab	41.901, 22.159, 21.44
Binary	10101111, 01011111, 00110101

#af5f35
```
#af5f35 rgb(175,95,53)
```
#3585af
```
#3585af rgb(53,133,175)
```

Complementary Color

#af3548
```
#af3548 rgb(175,53,72)
```
#af5f35
```
#af5f35 rgb(175,95,53)
```
#af9c35
```
#af9c35 rgb(175,156,53)
```

Analogous Color

#3548af
```
#3548af rgb(53,72,175)
```
#af5f35
```
#af5f35 rgb(175,95,53)
```
#35af9c
```
#35af9c rgb(53,175,156)
```

Split Complementary Color

#5f35af
```
#5f35af rgb(95,53,175)
```
#af5f35
```
#af5f35 rgb(175,95,53)
```
#35af5f
```
#35af5f rgb(53,175,95)
```

Triadic Color

#af3585
```
#af3585 rgb(175,53,133)
```
#af5f35
```
#af5f35 rgb(175,95,53)
```
#35af5f
```
#35af5f rgb(53,175,95)
```
#3585af
```
#3585af rgb(53,133,175)
```

Tetradic Color

#743f23
```
#743f23 rgb(116,63,35)
```
#884a29
```
#884a29 rgb(136,74,41)
```
#9b542f
```
#9b542f rgb(155,84,47)
```
#af5f35
```
#af5f35 rgb(175,95,53)
```
#c36a3b
```
#c36a3b rgb(195,106,59)
```
#c9784e
```
#c9784e rgb(201,120,78)
```
#cf8761
```
#cf8761 rgb(207,135,97)
```

Monochromatic Color

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

#af4135
```
#af4135 rgb(175,65,53)
```
#af4b35
```
#af4b35 rgb(175,75,53)
```
#af5535
```
#af5535 rgb(175,85,53)
```
#af5f35
```
#af5f35 rgb(175,95,53)
```
#af6935
```
#af6935 rgb(175,105,53)
```
#af7335
```
#af7335 rgb(175,115,53)
```
#af7e35
```
#af7e35 rgb(175,126,53)
```

Similar Colors

Text with hexadecimal color #af5f35

This text has a font color of #af5f35.

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

#af5f35 background color

This paragraph has a background color of #af5f35.

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

#af5f35 border color

This element has a border color of #af5f35.

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

CSS codes

.text {color:#af5f35;}

.background {background-color:#af5f35;}

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

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

#090503
```
#090503 rgb(9,5,3)
```
#180d07
```
#180d07 rgb(24,13,7)
```
#27150c
```
#27150c rgb(39,21,12)
```
#371e11
```
#371e11 rgb(55,30,17)
```
#462615
```
#462615 rgb(70,38,21)
```
#552e1a
```
#552e1a rgb(85,46,26)
```
#64361e
```
#64361e rgb(100,54,30)
```
#733e23
```
#733e23 rgb(115,62,35)
```
#824627
```
#824627 rgb(130,70,39)
```
#914f2c
```
#914f2c rgb(145,79,44)
```
#a05730
```
#a05730 rgb(160,87,48)
```
#af5f35
```
#af5f35 rgb(175,95,53)
```
#be673a
```
#be673a rgb(190,103,58)
```

Shade Color Variation

#c77145
```
#c77145 rgb(199,113,69)
```
#cb7d54
```
#cb7d54 rgb(203,125,84)
```
#d08863
```
#d08863 rgb(208,136,99)
```
#d49472
```
#d49472 rgb(212,148,114)
```
#d99f81
```
#d99f81 rgb(217,159,129)
```
#ddab90
```
#ddab90 rgb(221,171,144)
```
#e2b69f
```
#e2b69f rgb(226,182,159)
```
#e6c1ae
```
#e6c1ae rgb(230,193,174)
```
#ebcdbd
```
#ebcdbd rgb(235,205,189)
```
#f0d8cc
```
#f0d8cc rgb(240,216,204)
```
#f4e4db
```
#f4e4db rgb(244,228,219)
```
#f9efea
```
#f9efea rgb(249,239,234)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#7a6f6a
```
#7a6f6a rgb(122,111,106)
```
#836d61
```
#836d61 rgb(131,109,97)
```
#8c6a58
```
#8c6a58 rgb(140,106,88)
```
#95674f
```
#95674f rgb(149,103,79)
```
#9d6447
```
#9d6447 rgb(157,100,71)
```
#a6623e
```
#a6623e rgb(166,98,62)
```
#af5f35
```
#af5f35 rgb(175,95,53)
```
#b85c2c
```
#b85c2c rgb(184,92,44)
```
#c15a23
```
#c15a23 rgb(193,90,35)
```
#c9571b
```
#c9571b rgb(201,87,27)
```
#d25412
```
#d25412 rgb(210,84,18)
```
#db5109
```
#db5109 rgb(219,81,9)
```
#e44f00
```
#e44f00 rgb(228,79,0)
```

Tone Color Variation

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

Dichromacy

#877b45 Protanopia 1% of men
#97753b Deuteranopia 1% of men
#b56268 Tritanopia 0.001% of the population

Trichromacy

#95713f Protanomaly 1% of men, 0.01% of women
#a06d38 Deuteranomaly 6% of men, 0.4% of women
#b36155 Tritanomaly 0.01% of the population

#af5f35 hex color

#af5f35 Color Information

#af5f35 Color Conversion

Color Schemes with #af5f35

Alternatives to #af5f35

#af5f35 Preview

Shades and Tints of #af5f35

Tones of #af5f35

Color Blindness Simulator