#ae2216 hex color

In a RGB color space, hex #ae2216 is composed of 68.2% red, 13.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 87.4% yellow and 31.8% black. It has a hue angle of 4.7 degrees, a saturation of 77.6% and a lightness of 38.4%. #ae2216 color hex could be obtained by blending #ff442c with #5d0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 68
- G 13
- B 9
RGB color chart
- C 0
- M 80
- Y 87
- K 32
CMYK color chart

● #ae2216 color description : Dark red.

The hexadecimal color #ae2216 has RGB values of R:174, G:34, B:22 and CMYK values of C:0, M:0.8, Y:0.87, K:0.32. Its decimal value is 11411990.

Hex triplet	ae2216	`#ae2216`
RGB Decimal	174, 34, 22	`rgb(174,34,22)`
RGB Percent	68.2, 13.3, 8.6	`rgb(68.2%,13.3%,8.6%)`
CMYK	0, 80, 87, 32
HSL	4.7°, 77.6, 38.4	`hsl(4.7,77.6%,38.4%)`
HSV (or HSB)	4.7°, 87.4, 68.2
Web Safe	993300	`#993300`

CIE-LAB	38.204, 54.412, 42.777
XYZ	18.173, 10.203, 1.772
xyY	0.603, 0.338, 10.203
CIE-LCH	38.204, 69.214, 38.173
CIE-LUV	38.204, 106.257, 25.743
Hunter-Lab	31.942, 45.659, 19.071
Binary	10101110, 00100010, 00010110

#ae2216
```
#ae2216 rgb(174,34,22)
```
#16a2ae
```
#16a2ae rgb(22,162,174)
```

Complementary Color

#ae1656
```
#ae1656 rgb(174,22,86)
```
#ae2216
```
#ae2216 rgb(174,34,22)
```
#ae6e16
```
#ae6e16 rgb(174,110,22)
```

Analogous Color

#1656ae
```
#1656ae rgb(22,86,174)
```
#ae2216
```
#ae2216 rgb(174,34,22)
```
#16ae6e
```
#16ae6e rgb(22,174,110)
```

Split Complementary Color

#2216ae
```
#2216ae rgb(34,22,174)
```
#ae2216
```
#ae2216 rgb(174,34,22)
```
#16ae22
```
#16ae22 rgb(22,174,34)
```

Triadic Color

#ae16a2
```
#ae16a2 rgb(174,22,162)
```
#ae2216
```
#ae2216 rgb(174,34,22)
```
#16ae22
```
#16ae22 rgb(22,174,34)
```
#16a2ae
```
#16a2ae rgb(22,162,174)
```

Tetradic Color

#6a150d
```
#6a150d rgb(106,21,13)
```
#811910
```
#811910 rgb(129,25,16)
```
#971e13
```
#971e13 rgb(151,30,19)
```
#ae2216
```
#ae2216 rgb(174,34,22)
```
#c52619
```
#c52619 rgb(197,38,25)
```
#db2b1c
```
#db2b1c rgb(219,43,28)
```
#e43b2c
```
#e43b2c rgb(228,59,44)
```

Monochromatic Color

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

#ae1630
```
#ae1630 rgb(174,22,48)
```
#ae1623
```
#ae1623 rgb(174,22,35)
```
#ae1617
```
#ae1617 rgb(174,22,23)
```
#ae2216
```
#ae2216 rgb(174,34,22)
```
#ae2f16
```
#ae2f16 rgb(174,47,22)
```
#ae3b16
```
#ae3b16 rgb(174,59,22)
```
#ae4816
```
#ae4816 rgb(174,72,22)
```

Similar Colors

Text with hexadecimal color #ae2216

This text has a font color of #ae2216.

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

#ae2216 background color

This paragraph has a background color of #ae2216.

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

#ae2216 border color

This element has a border color of #ae2216.

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

CSS codes

.text {color:#ae2216;}

.background {background-color:#ae2216;}

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

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

#110302
```
#110302 rgb(17,3,2)
```
#230704
```
#230704 rgb(35,7,4)
```
#340a07
```
#340a07 rgb(52,10,7)
```
#460e09
```
#460e09 rgb(70,14,9)
```
#57110b
```
#57110b rgb(87,17,11)
```
#68140d
```
#68140d rgb(104,20,13)
```
#7a180f
```
#7a180f rgb(122,24,15)
```
#8b1b12
```
#8b1b12 rgb(139,27,18)
```
#9d1f14
```
#9d1f14 rgb(157,31,20)
```
#ae2216
```
#ae2216 rgb(174,34,22)
```
#bf2518
```
#bf2518 rgb(191,37,24)
```
#d1291a
```
#d1291a rgb(209,41,26)
```
#e22c1d
```
#e22c1d rgb(226,44,29)
```

Shade Color Variation

#e53c2e
```
#e53c2e rgb(229,60,46)
```
#e74d3f
```
#e74d3f rgb(231,77,63)
```
#e95d51
```
#e95d51 rgb(233,93,81)
```
#eb6d62
```
#eb6d62 rgb(235,109,98)
```
#ed7d74
```
#ed7d74 rgb(237,125,116)
```
#f08d85
```
#f08d85 rgb(240,141,133)
```
#f29e96
```
#f29e96 rgb(242,158,150)
```
#f4aea8
```
#f4aea8 rgb(244,174,168)
```
#f6beb9
```
#f6beb9 rgb(246,190,185)
```
#f8cecb
```
#f8cecb rgb(248,206,203)
```
#fbdedc
```
#fbdedc rgb(251,222,220)
```
#fdefed
```
#fdefed rgb(253,239,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#636161
```
#636161 rgb(99,97,97)
```
#6a5b5a
```
#6a5b5a rgb(106,91,90)
```
#725552
```
#725552 rgb(114,85,82)
```
#794e4b
```
#794e4b rgb(121,78,75)
```
#814843
```
#814843 rgb(129,72,67)
```
#88423c
```
#88423c rgb(136,66,60)
```
#903b34
```
#903b34 rgb(144,59,52)
```
#97352d
```
#97352d rgb(151,53,45)
```
#9f2f25
```
#9f2f25 rgb(159,47,37)
```
#a6281e
```
#a6281e rgb(166,40,30)
```
#ae2216
```
#ae2216 rgb(174,34,22)
```
#b61c0e
```
#b61c0e rgb(182,28,14)
```
#bd1507
```
#bd1507 rgb(189,21,7)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5e4240 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c622e Protanopia 1% of men
#7b5d0e Deuteranopia 1% of men
#b22c2c Tritanopia 0.001% of the population

Trichromacy

#844b25 Protanomaly 1% of men, 0.01% of women
#8d4811 Deuteranomaly 6% of men, 0.4% of women
#b02824 Tritanomaly 0.01% of the population

#ae2216 hex color

#ae2216 Color Information

#ae2216 Color Conversion

Color Schemes with #ae2216

Alternatives to #ae2216

#ae2216 Preview

Shades and Tints of #ae2216

Tones of #ae2216

Color Blindness Simulator