#af642f hex color

In a RGB color space, hex #af642f is composed of 68.6% red, 39.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.9% magenta, 73.1% yellow and 31.4% black. It has a hue angle of 24.8 degrees, a saturation of 57.7% and a lightness of 43.5%. #af642f color hex could be obtained by blending #ffc85e with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af642f has RGB values of R:175, G:100, B:47 and CMYK values of C:0, M:0.43, Y:0.73, K:0.31. Its decimal value is 11494447.

Hex triplet	af642f	`#af642f`
RGB Decimal	175, 100, 47	`rgb(175,100,47)`
RGB Percent	68.6, 39.2, 18.4	`rgb(68.6%,39.2%,18.4%)`
CMYK	0, 43, 73, 31
HSL	24.8°, 57.7, 43.5	`hsl(24.8,57.7%,43.5%)`
HSV (or HSB)	24.8°, 73.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	50.02, 25.877, 41.972
XYZ	22.75, 18.435, 5.049
xyY	0.492, 0.399, 18.435
CIE-LCH	50.02, 49.308, 58.346
CIE-LUV	50.02, 59.548, 38.59
Hunter-Lab	42.936, 19.441, 23.083
Binary	10101111, 01100100, 00101111

#af642f
```
#af642f rgb(175,100,47)
```
#2f7aaf
```
#2f7aaf rgb(47,122,175)
```

Complementary Color

#af2f3a
```
#af2f3a rgb(175,47,58)
```
#af642f
```
#af642f rgb(175,100,47)
```
#afa42f
```
#afa42f rgb(175,164,47)
```

Analogous Color

#2f3aaf
```
#2f3aaf rgb(47,58,175)
```
#af642f
```
#af642f rgb(175,100,47)
```
#2fafa4
```
#2fafa4 rgb(47,175,164)
```

Split Complementary Color

#642faf
```
#642faf rgb(100,47,175)
```
#af642f
```
#af642f rgb(175,100,47)
```
#2faf64
```
#2faf64 rgb(47,175,100)
```

Triadic Color

#af2f7a
```
#af2f7a rgb(175,47,122)
```
#af642f
```
#af642f rgb(175,100,47)
```
#2faf64
```
#2faf64 rgb(47,175,100)
```
#2f7aaf
```
#2f7aaf rgb(47,122,175)
```

Tetradic Color

#73421f
```
#73421f rgb(115,66,31)
```
#874d24
```
#874d24 rgb(135,77,36)
```
#9b592a
```
#9b592a rgb(155,89,42)
```
#af642f
```
#af642f rgb(175,100,47)
```
#c36f34
```
#c36f34 rgb(195,111,52)
```
#cd7d44
```
#cd7d44 rgb(205,125,68)
```
#d28b58
```
#d28b58 rgb(210,139,88)
```

Monochromatic Color

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

#af442f
```
#af442f rgb(175,68,47)
```
#af4f2f
```
#af4f2f rgb(175,79,47)
```
#af592f
```
#af592f rgb(175,89,47)
```
#af642f
```
#af642f rgb(175,100,47)
```
#af6f2f
```
#af6f2f rgb(175,111,47)
```
#af792f
```
#af792f rgb(175,121,47)
```
#af842f
```
#af842f rgb(175,132,47)
```

Similar Colors

Text with hexadecimal color #af642f

This text has a font color of #af642f.

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

#af642f background color

This paragraph has a background color of #af642f.

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

#af642f border color

This element has a border color of #af642f.

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

CSS codes

.text {color:#af642f;}

.background {background-color:#af642f;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#140c05
```
#140c05 rgb(20,12,5)
```
#24140a
```
#24140a rgb(36,20,10)
```
#331d0e
```
#331d0e rgb(51,29,14)
```
#432612
```
#432612 rgb(67,38,18)
```
#522f16
```
#522f16 rgb(82,47,22)
```
#62381a
```
#62381a rgb(98,56,26)
```
#71411e
```
#71411e rgb(113,65,30)
```
#814923
```
#814923 rgb(129,73,35)
```
#905227
```
#905227 rgb(144,82,39)
```
#a05b2b
```
#a05b2b rgb(160,91,43)
```
#af642f
```
#af642f rgb(175,100,47)
```
#be6d33
```
#be6d33 rgb(190,109,51)
```

Shade Color Variation

#ca763b
```
#ca763b rgb(202,118,59)
```
#ce814a
```
#ce814a rgb(206,129,74)
```
#d38c5a
```
#d38c5a rgb(211,140,90)
```
#d79769
```
#d79769 rgb(215,151,105)
```
#dba179
```
#dba179 rgb(219,161,121)
```
#dfac88
```
#dfac88 rgb(223,172,136)
```
#e3b798
```
#e3b798 rgb(227,183,152)
```
#e7c2a7
```
#e7c2a7 rgb(231,194,167)
```
#eccdb7
```
#eccdb7 rgb(236,205,183)
```
#f0d7c6
```
#f0d7c6 rgb(240,215,198)
```
#f4e2d6
```
#f4e2d6 rgb(244,226,214)
```
#f8ede5
```
#f8ede5 rgb(248,237,229)
```
#fcf8f4
```
#fcf8f4 rgb(252,248,244)
```

Tint Color Variation

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

#736e6b
```
#736e6b rgb(115,110,107)
```
#7c6d62
```
#7c6d62 rgb(124,109,98)
```
#846b5a
```
#846b5a rgb(132,107,90)
```
#8d6a51
```
#8d6a51 rgb(141,106,81)
```
#956849
```
#956849 rgb(149,104,73)
```
#9e6740
```
#9e6740 rgb(158,103,64)
```
#a66538
```
#a66538 rgb(166,101,56)
```
#af642f
```
#af642f rgb(175,100,47)
```
#b86326
```
#b86326 rgb(184,99,38)
```
#c0611e
```
#c0611e rgb(192,97,30)
```
#c96015
```
#c96015 rgb(201,96,21)
```
#d15e0d
```
#d15e0d rgb(209,94,13)
```
#da5d04
```
#da5d04 rgb(218,93,4)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#807166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7e3f Protanopia 1% of men
#9b7835 Deuteranopia 1% of men
#b6666d Tritanopia 0.001% of the population

Trichromacy

#987439 Protanomaly 1% of men, 0.01% of women
#a27033 Deuteranomaly 6% of men, 0.4% of women
#b36556 Tritanomaly 0.01% of the population

#af642f hex color

#af642f Color Information

#af642f Color Conversion

Color Schemes with #af642f

Alternatives to #af642f

#af642f Preview

Shades and Tints of #af642f

Tones of #af642f

Color Blindness Simulator