colorhexa.com

#af742b hex color

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

- R 69
- G 45
- B 17
RGB color chart
- C 0
- M 34
- Y 75
- K 31
CMYK color chart

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

The hexadecimal color #af742b has RGB values of R:175, G:116, B:43 and CMYK values of C:0, M:0.34, Y:0.75, K:0.31. Its decimal value is 11498539.

Hex triplet	af742b	`#af742b`
RGB Decimal	175, 116, 43	`rgb(175,116,43)`
RGB Percent	68.6, 45.5, 16.9	`rgb(68.6%,45.5%,16.9%)`
CMYK	0, 34, 75, 31
HSL	33.2°, 60.6, 42.7	`hsl(33.2,60.6%,42.7%)`
HSV (or HSB)	33.2°, 75.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	53.794, 16.772, 47.741
XYZ	24.361, 21.781, 5.206
xyY	0.474, 0.424, 21.781
CIE-LCH	53.794, 50.602, 70.643
CIE-LUV	53.794, 47.484, 46.327
Hunter-Lab	46.67, 11.503, 26.055
Binary	10101111, 01110100, 00101011

#af742b
```
#af742b rgb(175,116,43)
```
#2b66af
```
#2b66af rgb(43,102,175)
```

Complementary Color

#af322b
```
#af322b rgb(175,50,43)
```
#af742b
```
#af742b rgb(175,116,43)
```
#a8af2b
```
#a8af2b rgb(168,175,43)
```

Analogous Color

#322baf
```
#322baf rgb(50,43,175)
```
#af742b
```
#af742b rgb(175,116,43)
```
#2ba8af
```
#2ba8af rgb(43,168,175)
```

Split Complementary Color

#742baf
```
#742baf rgb(116,43,175)
```
#af742b
```
#af742b rgb(175,116,43)
```
#2baf74
```
#2baf74 rgb(43,175,116)
```

Triadic Color

#af2b66
```
#af2b66 rgb(175,43,102)
```
#af742b
```
#af742b rgb(175,116,43)
```
#2baf74
```
#2baf74 rgb(43,175,116)
```
#2b66af
```
#2b66af rgb(43,102,175)
```

Tetradic Color

#724b1c
```
#724b1c rgb(114,75,28)
```
#865921
```
#865921 rgb(134,89,33)
```
#9b6626
```
#9b6626 rgb(155,102,38)
```
#af742b
```
#af742b rgb(175,116,43)
```
#c38230
```
#c38230 rgb(195,130,48)
```
#cf8e3e
```
#cf8e3e rgb(207,142,62)
```
#d49a52
```
#d49a52 rgb(212,154,82)
```

Monochromatic Color

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

#af532b
```
#af532b rgb(175,83,43)
```
#af5e2b
```
#af5e2b rgb(175,94,43)
```
#af692b
```
#af692b rgb(175,105,43)
```
#af742b
```
#af742b rgb(175,116,43)
```
#af7f2b
```
#af7f2b rgb(175,127,43)
```
#af8a2b
```
#af8a2b rgb(175,138,43)
```
#af952b
```
#af952b rgb(175,149,43)
```

Similar Colors

Text with hexadecimal color #af742b

This text has a font color of #af742b.

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

#af742b background color

This paragraph has a background color of #af742b.

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

#af742b border color

This element has a border color of #af742b.

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

CSS codes

.text {color:#af742b;}

.background {background-color:#af742b;}

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

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 #fcf7f1 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#120c04
```
#120c04 rgb(18,12,4)
```
#211608
```
#211608 rgb(33,22,8)
```
#31200c
```
#31200c rgb(49,32,12)
```
#412b10
```
#412b10 rgb(65,43,16)
```
#513514
```
#513514 rgb(81,53,20)
```
#604018
```
#604018 rgb(96,64,24)
```
#704a1c
```
#704a1c rgb(112,74,28)
```
#80551f
```
#80551f rgb(128,85,31)
```
#905f23
```
#905f23 rgb(144,95,35)
```
#9f6a27
```
#9f6a27 rgb(159,106,39)
```
#af742b
```
#af742b rgb(175,116,43)
```
#bf7e2f
```
#bf7e2f rgb(191,126,47)
```

Shade Color Variation

#cd8934
```
#cd8934 rgb(205,137,52)
```
#d19244
```
#d19244 rgb(209,146,68)
```
#d59b54
```
#d59b54 rgb(213,155,84)
```
#d9a463
```
#d9a463 rgb(217,164,99)
```
#ddad73
```
#ddad73 rgb(221,173,115)
```
#e0b783
```
#e0b783 rgb(224,183,131)
```
#e4c093
```
#e4c093 rgb(228,192,147)
```
#e8c9a2
```
#e8c9a2 rgb(232,201,162)
```
#ecd2b2
```
#ecd2b2 rgb(236,210,178)
```
#f0dbc2
```
#f0dbc2 rgb(240,219,194)
```
#f4e5d2
```
#f4e5d2 rgb(244,229,210)
```
#f8eee1
```
#f8eee1 rgb(248,238,225)
```
#fcf7f1
```
#fcf7f1 rgb(252,247,241)
```

Tint Color Variation

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

#746e66
```
#746e66 rgb(116,110,102)
```
#7d6f5d
```
#7d6f5d rgb(125,111,93)
```
#857055
```
#857055 rgb(133,112,85)
```
#8d704d
```
#8d704d rgb(141,112,77)
```
#967144
```
#967144 rgb(150,113,68)
```
#9e723c
```
#9e723c rgb(158,114,60)
```
#a77333
```
#a77333 rgb(167,115,51)
```
#af742b
```
#af742b rgb(175,116,43)
```
#b77523
```
#b77523 rgb(183,117,35)
```
#c0761a
```
#c0761a rgb(192,118,26)
```
#c87712
```
#c87712 rgb(200,119,18)
```
#d17809
```
#d17809 rgb(209,120,9)
```
#d97801
```
#d97801 rgb(217,120,1)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#877b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#958739 Protanopia 1% of men
#a78033 Deuteranopia 1% of men
#b7747b Tritanopia 0.001% of the population

Trichromacy

#9f8034 Protanomaly 1% of men, 0.01% of women
#aa7c30 Deuteranomaly 6% of men, 0.4% of women
#b4745e Tritanomaly 0.01% of the population