#af642b hex color

In a RGB color space, hex #af642b is composed of 68.6% red, 39.2% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.9% magenta, 75.4% yellow and 31.4% black. It has a hue angle of 25.9 degrees, a saturation of 60.6% and a lightness of 42.7%. #af642b color hex could be obtained by blending #ffc856 with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af642b has RGB values of R:175, G:100, B:43 and CMYK values of C:0, M:0.43, Y:0.75, K:0.31. Its decimal value is 11494443.

Hex triplet	af642b	`#af642b`
RGB Decimal	175, 100, 43	`rgb(175,100,43)`
RGB Percent	68.6, 39.2, 16.9	`rgb(68.6%,39.2%,16.9%)`
CMYK	0, 43, 75, 31
HSL	25.9°, 60.6, 42.7	`hsl(25.9,60.6%,42.7%)`
HSV (or HSB)	25.9°, 75.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	49.983, 25.684, 43.887
XYZ	22.673, 18.405, 4.644
xyY	0.496, 0.403, 18.405
CIE-LCH	49.983, 50.85, 59.662
CIE-LUV	49.983, 59.92, 39.911
Hunter-Lab	42.901, 19.262, 23.613
Binary	10101111, 01100100, 00101011

#af642b
```
#af642b rgb(175,100,43)
```
#2b76af
```
#2b76af rgb(43,118,175)
```

Complementary Color

#af2b34
```
#af2b34 rgb(175,43,52)
```
#af642b
```
#af642b rgb(175,100,43)
```
#afa62b
```
#afa62b rgb(175,166,43)
```

Analogous Color

#2b34af
```
#2b34af rgb(43,52,175)
```
#af642b
```
#af642b rgb(175,100,43)
```
#2bafa6
```
#2bafa6 rgb(43,175,166)
```

Split Complementary Color

#642baf
```
#642baf rgb(100,43,175)
```
#af642b
```
#af642b rgb(175,100,43)
```
#2baf64
```
#2baf64 rgb(43,175,100)
```

Triadic Color

#af2b76
```
#af2b76 rgb(175,43,118)
```
#af642b
```
#af642b rgb(175,100,43)
```
#2baf64
```
#2baf64 rgb(43,175,100)
```
#2b76af
```
#2b76af rgb(43,118,175)
```

Tetradic Color

#72411c
```
#72411c rgb(114,65,28)
```
#864d21
```
#864d21 rgb(134,77,33)
```
#9b5826
```
#9b5826 rgb(155,88,38)
```
#af642b
```
#af642b rgb(175,100,43)
```
#c37030
```
#c37030 rgb(195,112,48)
```
#cf7d3e
```
#cf7d3e rgb(207,125,62)
```
#d48a52
```
#d48a52 rgb(212,138,82)
```

Monochromatic Color

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

#af432b
```
#af432b rgb(175,67,43)
```
#af4e2b
```
#af4e2b rgb(175,78,43)
```
#af592b
```
#af592b rgb(175,89,43)
```
#af642b
```
#af642b rgb(175,100,43)
```
#af6f2b
```
#af6f2b rgb(175,111,43)
```
#af7a2b
```
#af7a2b rgb(175,122,43)
```
#af852b
```
#af852b rgb(175,133,43)
```

Similar Colors

Text with hexadecimal color #af642b

This text has a font color of #af642b.

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

#af642b background color

This paragraph has a background color of #af642b.

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

#af642b border color

This element has a border color of #af642b.

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

CSS codes

.text {color:#af642b;}

.background {background-color:#af642b;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120a04
```
#120a04 rgb(18,10,4)
```
#211308
```
#211308 rgb(33,19,8)
```
#311c0c
```
#311c0c rgb(49,28,12)
```
#412510
```
#412510 rgb(65,37,16)
```
#512e14
```
#512e14 rgb(81,46,20)
```
#603718
```
#603718 rgb(96,55,24)
```
#70401c
```
#70401c rgb(112,64,28)
```
#80491f
```
#80491f rgb(128,73,31)
```
#905223
```
#905223 rgb(144,82,35)
```
#9f5b27
```
#9f5b27 rgb(159,91,39)
```
#af642b
```
#af642b rgb(175,100,43)
```
#bf6d2f
```
#bf6d2f rgb(191,109,47)
```

Shade Color Variation

#cd7634
```
#cd7634 rgb(205,118,52)
```
#d18144
```
#d18144 rgb(209,129,68)
```
#d58b54
```
#d58b54 rgb(213,139,84)
```
#d99663
```
#d99663 rgb(217,150,99)
```
#dda173
```
#dda173 rgb(221,161,115)
```
#e0ab83
```
#e0ab83 rgb(224,171,131)
```
#e4b693
```
#e4b693 rgb(228,182,147)
```
#e8c1a2
```
#e8c1a2 rgb(232,193,162)
```
#eccbb2
```
#eccbb2 rgb(236,203,178)
```
#f0d6c2
```
#f0d6c2 rgb(240,214,194)
```
#f4e0d2
```
#f4e0d2 rgb(244,224,210)
```
#f8ebe1
```
#f8ebe1 rgb(248,235,225)
```
#fcf6f1
```
#fcf6f1 rgb(252,246,241)
```

Tint Color Variation

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

#746c66
```
#746c66 rgb(116,108,102)
```
#7d6b5d
```
#7d6b5d rgb(125,107,93)
```
#856a55
```
#856a55 rgb(133,106,85)
```
#8d694d
```
#8d694d rgb(141,105,77)
```
#966744
```
#966744 rgb(150,103,68)
```
#9e663c
```
#9e663c rgb(158,102,60)
```
#a76533
```
#a76533 rgb(167,101,51)
```
#af642b
```
#af642b rgb(175,100,43)
```
#b76323
```
#b76323 rgb(183,99,35)
```
#c0621a
```
#c0621a rgb(192,98,26)
```
#c86112
```
#c86112 rgb(200,97,18)
```
#d15f09
```
#d15f09 rgb(209,95,9)
```
#d95e01
```
#d95e01 rgb(217,94,1)
```

Tone Color Variation

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

Dichromacy

#8b7e3b Protanopia 1% of men
#9b7831 Deuteranopia 1% of men
#b6666c Tritanopia 0.001% of the population

Trichromacy

#987435 Protanomaly 1% of men, 0.01% of women
#a2702f Deuteranomaly 6% of men, 0.4% of women
#b36554 Tritanomaly 0.01% of the population

#af642b hex color

#af642b Color Information

#af642b Color Conversion

Color Schemes with #af642b

Alternatives to #af642b

#af642b Preview

Shades and Tints of #af642b

Tones of #af642b

Color Blindness Simulator