#af4a2e hex color

In a RGB color space, hex #af4a2e is composed of 68.6% red, 29% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.7% magenta, 73.7% yellow and 31.4% black. It has a hue angle of 13 degrees, a saturation of 58.4% and a lightness of 43.3%. #af4a2e color hex could be obtained by blending #ff945c with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 29
- B 18
RGB color chart
- C 0
- M 58
- Y 74
- K 31
CMYK color chart

● #af4a2e color description : Dark red.

The hexadecimal color #af4a2e has RGB values of R:175, G:74, B:46 and CMYK values of C:0, M:0.58, Y:0.74, K:0.31. Its decimal value is 11487790.

Hex triplet	af4a2e	`#af4a2e`
RGB Decimal	175, 74, 46	`rgb(175,74,46)`
RGB Percent	68.6, 29, 18	`rgb(68.6%,29%,18%)`
CMYK	0, 58, 74, 31
HSL	13°, 58.4, 43.3	`hsl(13,58.4%,43.3%)`
HSV (or HSB)	13°, 73.7, 68.6
Web Safe	993333	`#993333`

CIE-LAB	44.534, 39.525, 36.57
XYZ	20.622, 14.211, 4.242
xyY	0.528, 0.364, 14.211
CIE-LCH	44.534, 53.847, 42.776
CIE-LUV	44.534, 79.189, 29.235
Hunter-Lab	37.697, 31.676, 19.717
Binary	10101111, 01001010, 00101110

#af4a2e
```
#af4a2e rgb(175,74,46)
```
#2e93af
```
#2e93af rgb(46,147,175)
```

Complementary Color

#af2e53
```
#af2e53 rgb(175,46,83)
```
#af4a2e
```
#af4a2e rgb(175,74,46)
```
#af8b2e
```
#af8b2e rgb(175,139,46)
```

Analogous Color

#2e53af
```
#2e53af rgb(46,83,175)
```
#af4a2e
```
#af4a2e rgb(175,74,46)
```
#2eaf8b
```
#2eaf8b rgb(46,175,139)
```

Split Complementary Color

#4a2eaf
```
#4a2eaf rgb(74,46,175)
```
#af4a2e
```
#af4a2e rgb(175,74,46)
```
#2eaf4a
```
#2eaf4a rgb(46,175,74)
```

Triadic Color

#af2e93
```
#af2e93 rgb(175,46,147)
```
#af4a2e
```
#af4a2e rgb(175,74,46)
```
#2eaf4a
```
#2eaf4a rgb(46,175,74)
```
#2e93af
```
#2e93af rgb(46,147,175)
```

Tetradic Color

#72301e
```
#72301e rgb(114,48,30)
```
#873923
```
#873923 rgb(135,57,35)
```
#9b4129
```
#9b4129 rgb(155,65,41)
```
#af4a2e
```
#af4a2e rgb(175,74,46)
```
#c35333
```
#c35333 rgb(195,83,51)
```
#cd6143
```
#cd6143 rgb(205,97,67)
```
#d37257
```
#d37257 rgb(211,114,87)
```

Monochromatic Color

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

#af2e32
```
#af2e32 rgb(175,46,50)
```
#af352e
```
#af352e rgb(175,53,46)
```
#af3f2e
```
#af3f2e rgb(175,63,46)
```
#af4a2e
```
#af4a2e rgb(175,74,46)
```
#af552e
```
#af552e rgb(175,85,46)
```
#af602e
```
#af602e rgb(175,96,46)
```
#af6a2e
```
#af6a2e rgb(175,106,46)
```

Similar Colors

Text with hexadecimal color #af4a2e

This text has a font color of #af4a2e.

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

#af4a2e background color

This paragraph has a background color of #af4a2e.

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

#af4a2e border color

This element has a border color of #af4a2e.

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

CSS codes

.text {color:#af4a2e;}

.background {background-color:#af4a2e;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140805
```
#140805 rgb(20,8,5)
```
#230f09
```
#230f09 rgb(35,15,9)
```
#33150d
```
#33150d rgb(51,21,13)
```
#421c11
```
#421c11 rgb(66,28,17)
```
#522316
```
#522316 rgb(82,35,22)
```
#61291a
```
#61291a rgb(97,41,26)
```
#71301e
```
#71301e rgb(113,48,30)
```
#803622
```
#803622 rgb(128,54,34)
```
#903d26
```
#903d26 rgb(144,61,38)
```
#9f432a
```
#9f432a rgb(159,67,42)
```
#af4a2e
```
#af4a2e rgb(175,74,46)
```
#bf5132
```
#bf5132 rgb(191,81,50)
```

Shade Color Variation

#cb5939
```
#cb5939 rgb(203,89,57)
```
#cf6649
```
#cf6649 rgb(207,102,73)
```
#d37358
```
#d37358 rgb(211,115,88)
```
#d78068
```
#d78068 rgb(215,128,104)
```
#db8d77
```
#db8d77 rgb(219,141,119)
```
#df9a87
```
#df9a87 rgb(223,154,135)
```
#e4a796
```
#e4a796 rgb(228,167,150)
```
#e8b4a6
```
#e8b4a6 rgb(232,180,166)
```
#ecc1b5
```
#ecc1b5 rgb(236,193,181)
```
#f0cec5
```
#f0cec5 rgb(240,206,197)
```
#f4dbd5
```
#f4dbd5 rgb(244,219,213)
```
#f8e8e4
```
#f8e8e4 rgb(248,232,228)
```
#fcf5f4
```
#fcf5f4 rgb(252,245,244)
```

Tint Color Variation

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

#746c6a
```
#746c6a rgb(116,108,106)
```
#7c6761
```
#7c6761 rgb(124,103,97)
```
#856259
```
#856259 rgb(133,98,89)
```
#8d5d50
```
#8d5d50 rgb(141,93,80)
```
#965848
```
#965848 rgb(150,88,72)
```
#9e543f
```
#9e543f rgb(158,84,63)
```
#a74f37
```
#a74f37 rgb(167,79,55)
```
#af4a2e
```
#af4a2e rgb(175,74,46)
```
#b84526
```
#b84526 rgb(184,69,38)
```
#c0401d
```
#c0401d rgb(192,64,29)
```
#c93c15
```
#c93c15 rgb(201,60,21)
```
#d1370c
```
#d1370c rgb(209,55,12)
```
#da3203
```
#da3203 rgb(218,50,3)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#74605a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7142 Protanopia 1% of men
#8b6b32 Deuteranopia 1% of men
#b44f54 Tritanopia 0.001% of the population

Trichromacy

#8e623a Protanomaly 1% of men, 0.01% of women
#985f30 Deuteranomaly 6% of men, 0.4% of women
#b24d46 Tritanomaly 0.01% of the population

#af4a2e hex color

#af4a2e Color Information

#af4a2e Color Conversion

Color Schemes with #af4a2e

Alternatives to #af4a2e

#af4a2e Preview

Shades and Tints of #af4a2e

Tones of #af4a2e

Color Blindness Simulator