#ae221f hex color

In a RGB color space, hex #ae221f is composed of 68.2% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 82.2% yellow and 31.8% black. It has a hue angle of 1.3 degrees, a saturation of 69.8% and a lightness of 40.2%. #ae221f color hex could be obtained by blending #ff443e with #5d0000. Closest websafe color is: #993333.

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

● #ae221f color description : Dark red.

The hexadecimal color #ae221f has RGB values of R:174, G:34, B:31 and CMYK values of C:0, M:0.8, Y:0.82, K:0.32. Its decimal value is 11411999.

Hex triplet	ae221f	`#ae221f`
RGB Decimal	174, 34, 31	`rgb(174,34,31)`
RGB Percent	68.2, 13.3, 12.2	`rgb(68.2%,13.3%,12.2%)`
CMYK	0, 80, 82, 32
HSL	1.3°, 69.8, 40.2	`hsl(1.3,69.8%,40.2%)`
HSV (or HSB)	1.3°, 82.2, 68.2
Web Safe	993333	`#993333`

CIE-LAB	38.277, 54.64, 38.204
XYZ	18.276, 10.244, 2.311
xyY	0.593, 0.332, 10.244
CIE-LCH	38.277, 66.671, 34.961
CIE-LUV	38.277, 104.923, 23.437
Hunter-Lab	32.006, 45.915, 18.123
Binary	10101110, 00100010, 00011111

#ae221f
```
#ae221f rgb(174,34,31)
```
#1fabae
```
#1fabae rgb(31,171,174)
```

Complementary Color

#ae1f64
```
#ae1f64 rgb(174,31,100)
```
#ae221f
```
#ae221f rgb(174,34,31)
```
#ae6a1f
```
#ae6a1f rgb(174,106,31)
```

Analogous Color

#1f64ae
```
#1f64ae rgb(31,100,174)
```
#ae221f
```
#ae221f rgb(174,34,31)
```
#1fae6a
```
#1fae6a rgb(31,174,106)
```

Split Complementary Color

#221fae
```
#221fae rgb(34,31,174)
```
#ae221f
```
#ae221f rgb(174,34,31)
```
#1fae22
```
#1fae22 rgb(31,174,34)
```

Triadic Color

#ae1fab
```
#ae1fab rgb(174,31,171)
```
#ae221f
```
#ae221f rgb(174,34,31)
```
#1fae22
```
#1fae22 rgb(31,174,34)
```
#1fabae
```
#1fabae rgb(31,171,174)
```

Tetradic Color

#6d1513
```
#6d1513 rgb(109,21,19)
```
#831a17
```
#831a17 rgb(131,26,23)
```
#981e1b
```
#981e1b rgb(152,30,27)
```
#ae221f
```
#ae221f rgb(174,34,31)
```
#c42623
```
#c42623 rgb(196,38,35)
```
#d92b27
```
#d92b27 rgb(217,43,39)
```
#dc403d
```
#dc403d rgb(220,64,61)
```

Monochromatic Color

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

#ae1f40
```
#ae1f40 rgb(174,31,64)
```
#ae1f34
```
#ae1f34 rgb(174,31,52)
```
#ae1f28
```
#ae1f28 rgb(174,31,40)
```
#ae221f
```
#ae221f rgb(174,34,31)
```
#ae2e1f
```
#ae2e1f rgb(174,46,31)
```
#ae3a1f
```
#ae3a1f rgb(174,58,31)
```
#ae461f
```
#ae461f rgb(174,70,31)
```

Similar Colors

Text with hexadecimal color #ae221f

This text has a font color of #ae221f.

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

#ae221f background color

This paragraph has a background color of #ae221f.

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

#ae221f border color

This element has a border color of #ae221f.

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

CSS codes

.text {color:#ae221f;}

.background {background-color:#ae221f;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#180504
```
#180504 rgb(24,5,4)
```
#290807
```
#290807 rgb(41,8,7)
```
#390b0a
```
#390b0a rgb(57,11,10)
```
#4a0e0d
```
#4a0e0d rgb(74,14,13)
```
#5b1210
```
#5b1210 rgb(91,18,16)
```
#6b1513
```
#6b1513 rgb(107,21,19)
```
#7c1816
```
#7c1816 rgb(124,24,22)
```
#8d1b19
```
#8d1b19 rgb(141,27,25)
```
#9d1f1c
```
#9d1f1c rgb(157,31,28)
```
#ae221f
```
#ae221f rgb(174,34,31)
```
#bf2522
```
#bf2522 rgb(191,37,34)
```
#cf2925
```
#cf2925 rgb(207,41,37)
```

Shade Color Variation

#da322e
```
#da322e rgb(218,50,46)
```
#dd423f
```
#dd423f rgb(221,66,63)
```
#e0524f
```
#e0524f rgb(224,82,79)
```
#e36360
```
#e36360 rgb(227,99,96)
```
#e67371
```
#e67371 rgb(230,115,113)
```
#e98381
```
#e98381 rgb(233,131,129)
```
#ec9492
```
#ec9492 rgb(236,148,146)
```
#efa4a3
```
#efa4a3 rgb(239,164,163)
```
#f2b5b3
```
#f2b5b3 rgb(242,181,179)
```
#f4c5c4
```
#f4c5c4 rgb(244,197,196)
```
#f7d5d5
```
#f7d5d5 rgb(247,213,213)
```
#fae6e5
```
#fae6e5 rgb(250,230,229)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#676666
```
#676666 rgb(103,102,102)
```
#6f5e5e
```
#6f5e5e rgb(111,94,94)
```
#775756
```
#775756 rgb(119,87,86)
```
#7f4f4e
```
#7f4f4e rgb(127,79,78)
```
#874846
```
#874846 rgb(135,72,70)
```
#8e403f
```
#8e403f rgb(142,64,63)
```
#963937
```
#963937 rgb(150,57,55)
```
#9e312f
```
#9e312f rgb(158,49,47)
```
#a62a27
```
#a62a27 rgb(166,42,39)
```
#ae221f
```
#ae221f rgb(174,34,31)
```
#b61a17
```
#b61a17 rgb(182,26,23)
```
#be130f
```
#be130f rgb(190,19,15)
```
#c60b07
```
#c60b07 rgb(198,11,7)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#604443 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6238 Protanopia 1% of men
#7a5e1d Deuteranopia 1% of men
#b22d2d Tritanopia 0.001% of the population

Trichromacy

#844b2f Protanomaly 1% of men, 0.01% of women
#8d481e Deuteranomaly 6% of men, 0.4% of women
#b02928 Tritanomaly 0.01% of the population

#ae221f hex color

#ae221f Color Information

#ae221f Color Conversion

Color Schemes with #ae221f

Alternatives to #ae221f

#ae221f Preview

Shades and Tints of #ae221f

Tones of #ae221f

Color Blindness Simulator