#ae221c hex color

In a RGB color space, hex #ae221c is composed of 68.2% red, 13.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 83.9% yellow and 31.8% black. It has a hue angle of 2.5 degrees, a saturation of 72.3% and a lightness of 39.6%. #ae221c color hex could be obtained by blending #ff4438 with #5d0000. Closest websafe color is: #993333.

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

● #ae221c color description : Dark red.

The hexadecimal color #ae221c has RGB values of R:174, G:34, B:28 and CMYK values of C:0, M:0.8, Y:0.84, K:0.32. Its decimal value is 11411996.

Hex triplet	ae221c	`#ae221c`
RGB Decimal	174, 34, 28	`rgb(174,34,28)`
RGB Percent	68.2, 13.3, 11	`rgb(68.2%,13.3%,11%)`
CMYK	0, 80, 84, 32
HSL	2.5°, 72.3, 39.6	`hsl(2.5,72.3%,39.6%)`
HSV (or HSB)	2.5°, 83.9, 68.2
Web Safe	993333	`#993333`

CIE-LAB	38.25, 54.556, 39.792
XYZ	18.238, 10.229, 2.113
xyY	0.596, 0.334, 10.229
CIE-LCH	38.25, 67.526, 36.106
CIE-LUV	38.25, 105.41, 24.279
Hunter-Lab	31.983, 45.82, 18.471
Binary	10101110, 00100010, 00011100

#ae221c
```
#ae221c rgb(174,34,28)
```
#1ca8ae
```
#1ca8ae rgb(28,168,174)
```

Complementary Color

#ae1c5f
```
#ae1c5f rgb(174,28,95)
```
#ae221c
```
#ae221c rgb(174,34,28)
```
#ae6b1c
```
#ae6b1c rgb(174,107,28)
```

Analogous Color

#1c5fae
```
#1c5fae rgb(28,95,174)
```
#ae221c
```
#ae221c rgb(174,34,28)
```
#1cae6b
```
#1cae6b rgb(28,174,107)
```

Split Complementary Color

#221cae
```
#221cae rgb(34,28,174)
```
#ae221c
```
#ae221c rgb(174,34,28)
```
#1cae22
```
#1cae22 rgb(28,174,34)
```

Triadic Color

#ae1ca8
```
#ae1ca8 rgb(174,28,168)
```
#ae221c
```
#ae221c rgb(174,34,28)
```
#1cae22
```
#1cae22 rgb(28,174,34)
```
#1ca8ae
```
#1ca8ae rgb(28,168,174)
```

Tetradic Color

#6c1511
```
#6c1511 rgb(108,21,17)
```
#821915
```
#821915 rgb(130,25,21)
```
#981e18
```
#981e18 rgb(152,30,24)
```
#ae221c
```
#ae221c rgb(174,34,28)
```
#c42620
```
#c42620 rgb(196,38,32)
```
#da2b23
```
#da2b23 rgb(218,43,35)
```
#df3e38
```
#df3e38 rgb(223,62,56)
```

Monochromatic Color

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

#ae1c3b
```
#ae1c3b rgb(174,28,59)
```
#ae1c2e
```
#ae1c2e rgb(174,28,46)
```
#ae1c22
```
#ae1c22 rgb(174,28,34)
```
#ae221c
```
#ae221c rgb(174,34,28)
```
#ae2e1c
```
#ae2e1c rgb(174,46,28)
```
#ae3a1c
```
#ae3a1c rgb(174,58,28)
```
#ae461c
```
#ae461c rgb(174,70,28)
```

Similar Colors

Text with hexadecimal color #ae221c

This text has a font color of #ae221c.

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

#ae221c background color

This paragraph has a background color of #ae221c.

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

#ae221c border color

This element has a border color of #ae221c.

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

CSS codes

.text {color:#ae221c;}

.background {background-color:#ae221c;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160404
```
#160404 rgb(22,4,4)
```
#270806
```
#270806 rgb(39,8,6)
```
#380b09
```
#380b09 rgb(56,11,9)
```
#490e0c
```
#490e0c rgb(73,14,12)
```
#5a110e
```
#5a110e rgb(90,17,14)
```
#6a1511
```
#6a1511 rgb(106,21,17)
```
#7b1814
```
#7b1814 rgb(123,24,20)
```
#8c1b17
```
#8c1b17 rgb(140,27,23)
```
#9d1f19
```
#9d1f19 rgb(157,31,25)
```
#ae221c
```
#ae221c rgb(174,34,28)
```
#bf251f
```
#bf251f rgb(191,37,31)
```
#d02921
```
#d02921 rgb(208,41,33)
```

Shade Color Variation

#dc3028
```
#dc3028 rgb(220,48,40)
```
#df4039
```
#df4039 rgb(223,64,57)
```
#e2504a
```
#e2504a rgb(226,80,74)
```
#e5615b
```
#e5615b rgb(229,97,91)
```
#e7716c
```
#e7716c rgb(231,113,108)
```
#ea817d
```
#ea817d rgb(234,129,125)
```
#ed928e
```
#ed928e rgb(237,146,142)
```
#efa29f
```
#efa29f rgb(239,162,159)
```
#f2b2b0
```
#f2b2b0 rgb(242,178,176)
```
#f5c3c0
```
#f5c3c0 rgb(245,195,192)
```
#f8d3d1
```
#f8d3d1 rgb(248,211,209)
```
#fae3e2
```
#fae3e2 rgb(250,227,226)
```
#fdf4f3
```
#fdf4f3 rgb(253,244,243)
```

Tint Color Variation

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

#686262
```
#686262 rgb(104,98,98)
```
#705b5a
```
#705b5a rgb(112,91,90)
```
#785452
```
#785452 rgb(120,84,82)
```
#7f4d4b
```
#7f4d4b rgb(127,77,75)
```
#874643
```
#874643 rgb(135,70,67)
```
#8f3f3b
```
#8f3f3b rgb(143,63,59)
```
#973733
```
#973733 rgb(151,55,51)
```
#9e302c
```
#9e302c rgb(158,48,44)
```
#a62924
```
#a62924 rgb(166,41,36)
```
#ae221c
```
#ae221c rgb(174,34,28)
```
#b61b14
```
#b61b14 rgb(182,27,20)
```
#be140c
```
#be140c rgb(190,20,12)
```
#c50d05
```
#c50d05 rgb(197,13,5)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5f4342 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6235 Protanopia 1% of men
#7a5d19 Deuteranopia 1% of men
#b22c2d Tritanopia 0.001% of the population

Trichromacy

#844b2c Protanomaly 1% of men, 0.01% of women
#8d481a Deuteranomaly 6% of men, 0.4% of women
#b02827 Tritanomaly 0.01% of the population

#ae221c hex color

#ae221c Color Information

#ae221c Color Conversion

Color Schemes with #ae221c

Alternatives to #ae221c

#ae221c Preview

Shades and Tints of #ae221c

Tones of #ae221c

Color Blindness Simulator