#af4d2b hex color

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

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

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

The hexadecimal color #af4d2b has RGB values of R:175, G:77, B:43 and CMYK values of C:0, M:0.56, Y:0.75, K:0.31. Its decimal value is 11488555.

Hex triplet	af4d2b	`#af4d2b`
RGB Decimal	175, 77, 43	`rgb(175,77,43)`
RGB Percent	68.6, 30.2, 16.9	`rgb(68.6%,30.2%,16.9%)`
CMYK	0, 56, 75, 31
HSL	15.5°, 60.6, 42.7	`hsl(15.5,60.6%,42.7%)`
HSV (or HSB)	15.5°, 75.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.079, 37.892, 38.77
XYZ	20.77, 14.598, 4.009
xyY	0.527, 0.371, 14.598
CIE-LCH	45.079, 54.212, 45.656
CIE-LUV	45.079, 77.438, 31.354
Hunter-Lab	38.208, 30.171, 20.524
Binary	10101111, 01001101, 00101011

#af4d2b
```
#af4d2b rgb(175,77,43)
```
#2b8daf
```
#2b8daf rgb(43,141,175)
```

Complementary Color

#af2b4b
```
#af2b4b rgb(175,43,75)
```
#af4d2b
```
#af4d2b rgb(175,77,43)
```
#af8f2b
```
#af8f2b rgb(175,143,43)
```

Analogous Color

#2b4baf
```
#2b4baf rgb(43,75,175)
```
#af4d2b
```
#af4d2b rgb(175,77,43)
```
#2baf8f
```
#2baf8f rgb(43,175,143)
```

Split Complementary Color

#4d2baf
```
#4d2baf rgb(77,43,175)
```
#af4d2b
```
#af4d2b rgb(175,77,43)
```
#2baf4d
```
#2baf4d rgb(43,175,77)
```

Triadic Color

#af2b8d
```
#af2b8d rgb(175,43,141)
```
#af4d2b
```
#af4d2b rgb(175,77,43)
```
#2baf4d
```
#2baf4d rgb(43,175,77)
```
#2b8daf
```
#2b8daf rgb(43,141,175)
```

Tetradic Color

#72321c
```
#72321c rgb(114,50,28)
```
#863b21
```
#863b21 rgb(134,59,33)
```
#9b4426
```
#9b4426 rgb(155,68,38)
```
#af4d2b
```
#af4d2b rgb(175,77,43)
```
#c35630
```
#c35630 rgb(195,86,48)
```
#cf633e
```
#cf633e rgb(207,99,62)
```
#d47452
```
#d47452 rgb(212,116,82)
```

Monochromatic Color

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

#af2c2b
```
#af2c2b rgb(175,44,43)
```
#af372b
```
#af372b rgb(175,55,43)
```
#af422b
```
#af422b rgb(175,66,43)
```
#af4d2b
```
#af4d2b rgb(175,77,43)
```
#af582b
```
#af582b rgb(175,88,43)
```
#af632b
```
#af632b rgb(175,99,43)
```
#af6e2b
```
#af6e2b rgb(175,110,43)
```

Similar Colors

Text with hexadecimal color #af4d2b

This text has a font color of #af4d2b.

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

#af4d2b background color

This paragraph has a background color of #af4d2b.

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

#af4d2b border color

This element has a border color of #af4d2b.

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

CSS codes

.text {color:#af4d2b;}

.background {background-color:#af4d2b;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120804
```
#120804 rgb(18,8,4)
```
#210f08
```
#210f08 rgb(33,15,8)
```
#31160c
```
#31160c rgb(49,22,12)
```
#411d10
```
#411d10 rgb(65,29,16)
```
#512314
```
#512314 rgb(81,35,20)
```
#602a18
```
#602a18 rgb(96,42,24)
```
#70311c
```
#70311c rgb(112,49,28)
```
#80381f
```
#80381f rgb(128,56,31)
```
#903f23
```
#903f23 rgb(144,63,35)
```
#9f4627
```
#9f4627 rgb(159,70,39)
```
#af4d2b
```
#af4d2b rgb(175,77,43)
```
#bf542f
```
#bf542f rgb(191,84,47)
```

Shade Color Variation

#cd5c34
```
#cd5c34 rgb(205,92,52)
```
#d16844
```
#d16844 rgb(209,104,68)
```
#d57554
```
#d57554 rgb(213,117,84)
```
#d98263
```
#d98263 rgb(217,130,99)
```
#dd8e73
```
#dd8e73 rgb(221,142,115)
```
#e09b83
```
#e09b83 rgb(224,155,131)
```
#e4a893
```
#e4a893 rgb(228,168,147)
```
#e8b4a2
```
#e8b4a2 rgb(232,180,162)
```
#ecc1b2
```
#ecc1b2 rgb(236,193,178)
```
#f0cec2
```
#f0cec2 rgb(240,206,194)
```
#f4dad2
```
#f4dad2 rgb(244,218,210)
```
#f8e7e1
```
#f8e7e1 rgb(248,231,225)
```
#fcf4f1
```
#fcf4f1 rgb(252,244,241)
```

Tint Color Variation

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

#746966
```
#746966 rgb(116,105,102)
```
#7d655d
```
#7d655d rgb(125,101,93)
```
#856155
```
#856155 rgb(133,97,85)
```
#8d5d4d
```
#8d5d4d rgb(141,93,77)
```
#965944
```
#965944 rgb(150,89,68)
```
#9e553c
```
#9e553c rgb(158,85,60)
```
#a75133
```
#a75133 rgb(167,81,51)
```
#af4d2b
```
#af4d2b rgb(175,77,43)
```
#b74923
```
#b74923 rgb(183,73,35)
```
#c0451a
```
#c0451a rgb(192,69,26)
```
#c84112
```
#c84112 rgb(200,65,18)
```
#d13d09
```
#d13d09 rgb(209,61,9)
```
#d93901
```
#d93901 rgb(217,57,1)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#75615a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d723e Protanopia 1% of men
#8d6d2f Deuteranopia 1% of men
#b45257 Tritanopia 0.001% of the population

Trichromacy

#8f6437 Protanomaly 1% of men, 0.01% of women
#99612d Deuteranomaly 6% of men, 0.4% of women
#b25047 Tritanomaly 0.01% of the population

#af4d2b hex color

#af4d2b Color Information

#af4d2b Color Conversion

Color Schemes with #af4d2b

Alternatives to #af4d2b

#af4d2b Preview

Shades and Tints of #af4d2b

Tones of #af4d2b

Color Blindness Simulator