#ae0222 hex color

In a RGB color space, hex #ae0222 is composed of 68.2% red, 0.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.9% magenta, 80.5% yellow and 31.8% black. It has a hue angle of 348.8 degrees, a saturation of 97.7% and a lightness of 34.5%. #ae0222 color hex could be obtained by blending #ff0444 with #5d0000. Closest websafe color is: #990033.

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

● #ae0222 color description : Dark red.

The hexadecimal color #ae0222 has RGB values of R:174, G:2, B:34 and CMYK values of C:0, M:0.99, Y:0.8, K:0.32. Its decimal value is 11403810.

Hex triplet	ae0222	`#ae0222`
RGB Decimal	174, 2, 34	`rgb(174,2,34)`
RGB Percent	68.2, 0.8, 13.3	`rgb(68.2%,0.8%,13.3%)`
CMYK	0, 99, 80, 32
HSL	348.8°, 97.7, 34.5	`hsl(348.8,97.7%,34.5%)`
HSV (or HSB)	348.8°, 98.9, 68.2
Web Safe	990033	`#990033`

CIE-LAB	36.29, 60.498, 34.504
XYZ	17.767, 9.16, 2.346
xyY	0.607, 0.313, 9.16
CIE-LCH	36.29, 69.646, 29.698
CIE-LUV	36.29, 113.368, 18.829
Hunter-Lab	30.265, 51.822, 16.59
Binary	10101110, 00000010, 00100010

#ae0222
```
#ae0222 rgb(174,2,34)
```
#02ae8e
```
#02ae8e rgb(2,174,142)
```

Complementary Color

#ae0278
```
#ae0278 rgb(174,2,120)
```
#ae0222
```
#ae0222 rgb(174,2,34)
```
#ae3802
```
#ae3802 rgb(174,56,2)
```

Analogous Color

#0278ae
```
#0278ae rgb(2,120,174)
```
#ae0222
```
#ae0222 rgb(174,2,34)
```
#02ae38
```
#02ae38 rgb(2,174,56)
```

Split Complementary Color

#0222ae
```
#0222ae rgb(2,34,174)
```
#ae0222
```
#ae0222 rgb(174,2,34)
```
#22ae02
```
#22ae02 rgb(34,174,2)
```

Triadic Color

#8e02ae
```
#8e02ae rgb(142,2,174)
```
#ae0222
```
#ae0222 rgb(174,2,34)
```
#22ae02
```
#22ae02 rgb(34,174,2)
```
#02ae8e
```
#02ae8e rgb(2,174,142)
```

Tetradic Color

#620113
```
#620113 rgb(98,1,19)
```
#7c0118
```
#7c0118 rgb(124,1,24)
```
#95021d
```
#95021d rgb(149,2,29)
```
#ae0222
```
#ae0222 rgb(174,2,34)
```
#c70227
```
#c70227 rgb(199,2,39)
```
#e0032c
```
#e0032c rgb(224,3,44)
```
#fa0331
```
#fa0331 rgb(250,3,49)
```

Monochromatic Color

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

#ae024d
```
#ae024d rgb(174,2,77)
```
#ae023f
```
#ae023f rgb(174,2,63)
```
#ae0230
```
#ae0230 rgb(174,2,48)
```
#ae0222
```
#ae0222 rgb(174,2,34)
```
#ae0214
```
#ae0214 rgb(174,2,20)
```
#ae0205
```
#ae0205 rgb(174,2,5)
```
#ae0d02
```
#ae0d02 rgb(174,13,2)
```

Similar Colors

Text with hexadecimal color #ae0222

This text has a font color of #ae0222.

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

#ae0222 background color

This paragraph has a background color of #ae0222.

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

#ae0222 border color

This element has a border color of #ae0222.

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

CSS codes

.text {color:#ae0222;}

.background {background-color:#ae0222;}

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

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

#130004
```
#130004 rgb(19,0,4)
```
#260007
```
#260007 rgb(38,0,7)
```
#3a010b
```
#3a010b rgb(58,1,11)
```
#4d010f
```
#4d010f rgb(77,1,15)
```
#600113
```
#600113 rgb(96,1,19)
```
#740117
```
#740117 rgb(116,1,23)
```
#87021a
```
#87021a rgb(135,2,26)
```
#9b021e
```
#9b021e rgb(155,2,30)
```
#ae0222
```
#ae0222 rgb(174,2,34)
```
#c10226
```
#c10226 rgb(193,2,38)
```
#d5022a
```
#d5022a rgb(213,2,42)
```
#e8032d
```
#e8032d rgb(232,3,45)
```
#fc0331
```
#fc0331 rgb(252,3,49)
```

Shade Color Variation

#fc1641
```
#fc1641 rgb(252,22,65)
```
#fd2950
```
#fd2950 rgb(253,41,80)
```
#fd3d60
```
#fd3d60 rgb(253,61,96)
```
#fd5070
```
#fd5070 rgb(253,80,112)
```
#fd6380
```
#fd6380 rgb(253,99,128)
```
#fd7790
```
#fd7790 rgb(253,119,144)
```
#fe8aa0
```
#fe8aa0 rgb(254,138,160)
```
#fe9eaf
```
#fe9eaf rgb(254,158,175)
```
#feb1bf
```
#feb1bf rgb(254,177,191)
```
#fec4cf
```
#fec4cf rgb(254,196,207)
```
#ffd8df
```
#ffd8df rgb(255,216,223)
```
#ffebef
```
#ffebef rgb(255,235,239)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#5d5355
```
#5d5355 rgb(93,83,85)
```
#644c51
```
#644c51 rgb(100,76,81)
```
#6a464d
```
#6a464d rgb(106,70,77)
```
#713f48
```
#713f48 rgb(113,63,72)
```
#783844
```
#783844 rgb(120,56,68)
```
#7f3140
```
#7f3140 rgb(127,49,64)
```
#852b3c
```
#852b3c rgb(133,43,60)
```
#8c2437
```
#8c2437 rgb(140,36,55)
```
#931d33
```
#931d33 rgb(147,29,51)
```
#9a162f
```
#9a162f rgb(154,22,47)
```
#a0102b
```
#a0102b rgb(160,16,43)
```
#a70926
```
#a70926 rgb(167,9,38)
```
#ae0222
```
#ae0222 rgb(174,2,34)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#502e34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655e3f Protanopia 1% of men
#745920 Deuteranopia 1% of men
#b1160f Tritanopia 0.001% of the population

Trichromacy

#803c34 Protanomaly 1% of men, 0.01% of women
#893921 Deuteranomaly 6% of men, 0.4% of women
#b00e16 Tritanomaly 0.01% of the population

#ae0222 hex color

#ae0222 Color Information

#ae0222 Color Conversion

Color Schemes with #ae0222

Alternatives to #ae0222

#ae0222 Preview

Shades and Tints of #ae0222

Tones of #ae0222

Color Blindness Simulator