#af4e2e hex color

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

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

● #af4e2e color description : Dark red.

The hexadecimal color #af4e2e has RGB values of R:175, G:78, B:46 and CMYK values of C:0, M:0.55, Y:0.74, K:0.31. Its decimal value is 11488814.

Hex triplet	af4e2e	`#af4e2e`
RGB Decimal	175, 78, 46	`rgb(175,78,46)`
RGB Percent	68.6, 30.6, 18	`rgb(68.6%,30.6%,18%)`
CMYK	0, 55, 74, 31
HSL	14.9°, 58.4, 43.3	`hsl(14.9,58.4%,43.3%)`
HSV (or HSB)	14.9°, 73.7, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.307, 37.526, 37.416
XYZ	20.897, 14.762, 4.334
xyY	0.523, 0.369, 14.762
CIE-LCH	45.307, 52.992, 44.916
CIE-LUV	45.307, 76.298, 30.631
Hunter-Lab	38.421, 29.849, 20.208
Binary	10101111, 01001110, 00101110

#af4e2e
```
#af4e2e rgb(175,78,46)
```
#2e8faf
```
#2e8faf rgb(46,143,175)
```

Complementary Color

#af2e4f
```
#af2e4f rgb(175,46,79)
```
#af4e2e
```
#af4e2e rgb(175,78,46)
```
#af8f2e
```
#af8f2e rgb(175,143,46)
```

Analogous Color

#2e4faf
```
#2e4faf rgb(46,79,175)
```
#af4e2e
```
#af4e2e rgb(175,78,46)
```
#2eaf8f
```
#2eaf8f rgb(46,175,143)
```

Split Complementary Color

#4e2eaf
```
#4e2eaf rgb(78,46,175)
```
#af4e2e
```
#af4e2e rgb(175,78,46)
```
#2eaf4e
```
#2eaf4e rgb(46,175,78)
```

Triadic Color

#af2e8f
```
#af2e8f rgb(175,46,143)
```
#af4e2e
```
#af4e2e rgb(175,78,46)
```
#2eaf4e
```
#2eaf4e rgb(46,175,78)
```
#2e8faf
```
#2e8faf rgb(46,143,175)
```

Tetradic Color

#72331e
```
#72331e rgb(114,51,30)
```
#873c23
```
#873c23 rgb(135,60,35)
```
#9b4529
```
#9b4529 rgb(155,69,41)
```
#af4e2e
```
#af4e2e rgb(175,78,46)
```
#c35733
```
#c35733 rgb(195,87,51)
```
#cd6543
```
#cd6543 rgb(205,101,67)
```
#d37657
```
#d37657 rgb(211,118,87)
```

Monochromatic Color

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

#af2e2e
```
#af2e2e rgb(175,46,46)
```
#af392e
```
#af392e rgb(175,57,46)
```
#af432e
```
#af432e rgb(175,67,46)
```
#af4e2e
```
#af4e2e rgb(175,78,46)
```
#af592e
```
#af592e rgb(175,89,46)
```
#af632e
```
#af632e rgb(175,99,46)
```
#af6e2e
```
#af6e2e rgb(175,110,46)
```

Similar Colors

Text with hexadecimal color #af4e2e

This text has a font color of #af4e2e.

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

#af4e2e background color

This paragraph has a background color of #af4e2e.

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

#af4e2e border color

This element has a border color of #af4e2e.

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

CSS codes

.text {color:#af4e2e;}

.background {background-color:#af4e2e;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140905
```
#140905 rgb(20,9,5)
```
#231009
```
#231009 rgb(35,16,9)
```
#33170d
```
#33170d rgb(51,23,13)
```
#421e11
```
#421e11 rgb(66,30,17)
```
#522416
```
#522416 rgb(82,36,22)
```
#612b1a
```
#612b1a rgb(97,43,26)
```
#71321e
```
#71321e rgb(113,50,30)
```
#803922
```
#803922 rgb(128,57,34)
```
#904026
```
#904026 rgb(144,64,38)
```
#9f472a
```
#9f472a rgb(159,71,42)
```
#af4e2e
```
#af4e2e rgb(175,78,46)
```
#bf5532
```
#bf5532 rgb(191,85,50)
```

Shade Color Variation

#cb5d39
```
#cb5d39 rgb(203,93,57)
```
#cf6a49
```
#cf6a49 rgb(207,106,73)
```
#d37758
```
#d37758 rgb(211,119,88)
```
#d78368
```
#d78368 rgb(215,131,104)
```
#db9077
```
#db9077 rgb(219,144,119)
```
#df9d87
```
#df9d87 rgb(223,157,135)
```
#e4aa96
```
#e4aa96 rgb(228,170,150)
```
#e8b6a6
```
#e8b6a6 rgb(232,182,166)
```
#ecc3b5
```
#ecc3b5 rgb(236,195,181)
```
#f0d0c5
```
#f0d0c5 rgb(240,208,197)
```
#f4dcd5
```
#f4dcd5 rgb(244,220,213)
```
#f8e9e4
```
#f8e9e4 rgb(248,233,228)
```
#fcf6f4
```
#fcf6f4 rgb(252,246,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 #da3903 is the most saturated one.

#746c6a
```
#746c6a rgb(116,108,106)
```
#7c6861
```
#7c6861 rgb(124,104,97)
```
#856359
```
#856359 rgb(133,99,89)
```
#8d5f50
```
#8d5f50 rgb(141,95,80)
```
#965b48
```
#965b48 rgb(150,91,72)
```
#9e573f
```
#9e573f rgb(158,87,63)
```
#a75237
```
#a75237 rgb(167,82,55)
```
#af4e2e
```
#af4e2e rgb(175,78,46)
```
#b84a26
```
#b84a26 rgb(184,74,38)
```
#c0451d
```
#c0451d rgb(192,69,29)
```
#c94115
```
#c94115 rgb(201,65,21)
```
#d13d0c
```
#d13d0c rgb(209,61,12)
```
#da3903
```
#da3903 rgb(218,57,3)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#75625c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7241 Protanopia 1% of men
#8d6d32 Deuteranopia 1% of men
#b45358 Tritanopia 0.001% of the population

Trichromacy

#8f653a Protanomaly 1% of men, 0.01% of women
#996230 Deuteranomaly 6% of men, 0.4% of women
#b25148 Tritanomaly 0.01% of the population

#af4e2e hex color

#af4e2e Color Information

#af4e2e Color Conversion

Color Schemes with #af4e2e

Alternatives to #af4e2e

#af4e2e Preview

Shades and Tints of #af4e2e

Tones of #af4e2e

Color Blindness Simulator