colorhexa.com

#ae222d hex color

In a RGB color space, hex #ae222d is composed of 68.2% red, 13.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 74.1% yellow and 31.8% black. It has a hue angle of 355.3 degrees, a saturation of 67.3% and a lightness of 40.8%. #ae222d color hex could be obtained by blending #ff445a with #5d0000. Closest websafe color is: #993333.

- R 68
- G 13
- B 18
RGB color chart
- C 0
- M 80
- Y 74
- K 32
CMYK color chart

● #ae222d color description : Dark red.

The hexadecimal color #ae222d has RGB values of R:174, G:34, B:45 and CMYK values of C:0, M:0.8, Y:0.74, K:0.32. Its decimal value is 11412013.

Hex triplet	ae222d	`#ae222d`
RGB Decimal	174, 34, 45	`rgb(174,34,45)`
RGB Percent	68.2, 13.3, 17.6	`rgb(68.2%,13.3%,17.6%)`
CMYK	0, 80, 74, 32
HSL	355.3°, 67.3, 40.8	`hsl(355.3,67.3%,40.8%)`
HSV (or HSB)	355.3°, 80.5, 68.2
Web Safe	993333	`#993333`

CIE-LAB	38.436, 55.139, 30.246
XYZ	18.502, 10.334, 3.503
xyY	0.572, 0.32, 10.334
CIE-LCH	38.436, 62.89, 28.746
CIE-LUV	38.436, 102.092, 18.526
Hunter-Lab	32.147, 46.477, 16.042
Binary	10101110, 00100010, 00101101

#ae222d
```
#ae222d rgb(174,34,45)
```
#22aea3
```
#22aea3 rgb(34,174,163)
```

Complementary Color

#ae2273
```
#ae2273 rgb(174,34,115)
```
#ae222d
```
#ae222d rgb(174,34,45)
```
#ae5d22
```
#ae5d22 rgb(174,93,34)
```

Analogous Color

#2273ae
```
#2273ae rgb(34,115,174)
```
#ae222d
```
#ae222d rgb(174,34,45)
```
#22ae5d
```
#22ae5d rgb(34,174,93)
```

Split Complementary Color

#222dae
```
#222dae rgb(34,45,174)
```
#ae222d
```
#ae222d rgb(174,34,45)
```
#2dae22
```
#2dae22 rgb(45,174,34)
```

Triadic Color

#a322ae
```
#a322ae rgb(163,34,174)
```
#ae222d
```
#ae222d rgb(174,34,45)
```
#2dae22
```
#2dae22 rgb(45,174,34)
```
#22aea3
```
#22aea3 rgb(34,174,163)
```

Tetradic Color

#6e151c
```
#6e151c rgb(110,21,28)
```
#831a22
```
#831a22 rgb(131,26,34)
```
#991e27
```
#991e27 rgb(153,30,39)
```
#ae222d
```
#ae222d rgb(174,34,45)
```
#c32633
```
#c32633 rgb(195,38,51)
```
#d62d3a
```
#d62d3a rgb(214,45,58)
```
#da424e
```
#da424e rgb(218,66,78)
```

Monochromatic Color

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

#ae2250
```
#ae2250 rgb(174,34,80)
```
#ae2244
```
#ae2244 rgb(174,34,68)
```
#ae2239
```
#ae2239 rgb(174,34,57)
```
#ae222d
```
#ae222d rgb(174,34,45)
```
#ae2322
```
#ae2322 rgb(174,35,34)
```
#ae2e22
```
#ae2e22 rgb(174,46,34)
```
#ae3a22
```
#ae3a22 rgb(174,58,34)
```

Similar Colors

Text with hexadecimal color #ae222d

This text has a font color of #ae222d.

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

#ae222d background color

This paragraph has a background color of #ae222d.

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

#ae222d border color

This element has a border color of #ae222d.

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

CSS codes

.text {color:#ae222d;}

.background {background-color:#ae222d;}

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

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, #0a0203 is the darkest color, while #fef9f9 is the lightest one.

#0a0203
```
#0a0203 rgb(10,2,3)
```
#1a0507
```
#1a0507 rgb(26,5,7)
```
#2b080b
```
#2b080b rgb(43,8,11)
```
#3b0c0f
```
#3b0c0f rgb(59,12,15)
```
#4c0f14
```
#4c0f14 rgb(76,15,20)
```
#5c1218
```
#5c1218 rgb(92,18,24)
```
#6c151c
```
#6c151c rgb(108,21,28)
```
#7d1820
```
#7d1820 rgb(125,24,32)
```
#8d1c25
```
#8d1c25 rgb(141,28,37)
```
#9e1f29
```
#9e1f29 rgb(158,31,41)
```
#ae222d
```
#ae222d rgb(174,34,45)
```
#be2531
```
#be2531 rgb(190,37,49)
```
#cf2835
```
#cf2835 rgb(207,40,53)
```

Shade Color Variation

#d73440
```
#d73440 rgb(215,52,64)
```
#da4450
```
#da4450 rgb(218,68,80)
```
#de545f
```
#de545f rgb(222,84,95)
```
#e1656f
```
#e1656f rgb(225,101,111)
```
#e4757e
```
#e4757e rgb(228,117,126)
```
#e7868d
```
#e7868d rgb(231,134,141)
```
#ea969d
```
#ea969d rgb(234,150,157)
```
#eea6ac
```
#eea6ac rgb(238,166,172)
```
#f1b7bb
```
#f1b7bb rgb(241,183,187)
```
#f4c7cb
```
#f4c7cb rgb(244,199,203)
```
#f7d8da
```
#f7d8da rgb(247,216,218)
```
#fbe8ea
```
#fbe8ea rgb(251,232,234)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#6e6263
```
#6e6263 rgb(110,98,99)
```
#765a5c
```
#765a5c rgb(118,90,92)
```
#7e5255
```
#7e5255 rgb(126,82,85)
```
#864a4f
```
#864a4f rgb(134,74,79)
```
#8e4248
```
#8e4248 rgb(142,66,72)
```
#963a41
```
#963a41 rgb(150,58,65)
```
#9e323a
```
#9e323a rgb(158,50,58)
```
#a62a34
```
#a62a34 rgb(166,42,52)
```
#ae222d
```
#ae222d rgb(174,34,45)
```
#b61a26
```
#b61a26 rgb(182,26,38)
```
#be1220
```
#be1220 rgb(190,18,32)
```
#c60a19
```
#c60a19 rgb(198,10,25)
```
#ce0212
```
#ce0212 rgb(206,2,18)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#604447 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6248 Protanopia 1% of men
#795e2e Deuteranopia 1% of men
#b12e30 Tritanopia 0.001% of the population

Trichromacy

#824b3e Protanomaly 1% of men, 0.01% of women
#8c482d Deuteranomaly 6% of men, 0.4% of women
#b02a2e Tritanomaly 0.01% of the population