#ae022c hex color

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

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

● #ae022c color description : Dark red.

The hexadecimal color #ae022c has RGB values of R:174, G:2, B:44 and CMYK values of C:0, M:0.99, Y:0.75, K:0.32. Its decimal value is 11403820.

Hex triplet	ae022c	`#ae022c`
RGB Decimal	174, 2, 44	`rgb(174,2,44)`
RGB Percent	68.2, 0.8, 17.3	`rgb(68.2%,0.8%,17.3%)`
CMYK	0, 99, 75, 32
HSL	345.3°, 97.7, 34.5	`hsl(345.3,97.7%,34.5%)`
HSV (or HSB)	345.3°, 98.9, 68.2
Web Safe	990033	`#990033`

CIE-LAB	36.416, 60.842, 28.529
XYZ	17.933, 9.226, 3.219
xyY	0.59, 0.304, 9.226
CIE-LCH	36.416, 67.198, 25.122
CIE-LUV	36.416, 110.928, 15.115
Hunter-Lab	30.375, 52.228, 14.978
Binary	10101110, 00000010, 00101100

#ae022c
```
#ae022c rgb(174,2,44)
```
#02ae84
```
#02ae84 rgb(2,174,132)
```

Complementary Color

#ae0282
```
#ae0282 rgb(174,2,130)
```
#ae022c
```
#ae022c rgb(174,2,44)
```
#ae2e02
```
#ae2e02 rgb(174,46,2)
```

Analogous Color

#0282ae
```
#0282ae rgb(2,130,174)
```
#ae022c
```
#ae022c rgb(174,2,44)
```
#02ae2e
```
#02ae2e rgb(2,174,46)
```

Split Complementary Color

#022cae
```
#022cae rgb(2,44,174)
```
#ae022c
```
#ae022c rgb(174,2,44)
```
#2cae02
```
#2cae02 rgb(44,174,2)
```

Triadic Color

#8402ae
```
#8402ae rgb(132,2,174)
```
#ae022c
```
#ae022c rgb(174,2,44)
```
#2cae02
```
#2cae02 rgb(44,174,2)
```
#02ae84
```
#02ae84 rgb(2,174,132)
```

Tetradic Color

#620119
```
#620119 rgb(98,1,25)
```
#7c011f
```
#7c011f rgb(124,1,31)
```
#950226
```
#950226 rgb(149,2,38)
```
#ae022c
```
#ae022c rgb(174,2,44)
```
#c70232
```
#c70232 rgb(199,2,50)
```
#e00339
```
#e00339 rgb(224,3,57)
```
#fa033f
```
#fa033f rgb(250,3,63)
```

Monochromatic Color

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

#ae0257
```
#ae0257 rgb(174,2,87)
```
#ae0249
```
#ae0249 rgb(174,2,73)
```
#ae023a
```
#ae023a rgb(174,2,58)
```
#ae022c
```
#ae022c rgb(174,2,44)
```
#ae021e
```
#ae021e rgb(174,2,30)
```
#ae020f
```
#ae020f rgb(174,2,15)
```
#ae0302
```
#ae0302 rgb(174,3,2)
```

Similar Colors

Text with hexadecimal color #ae022c

This text has a font color of #ae022c.

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

#ae022c background color

This paragraph has a background color of #ae022c.

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

#ae022c border color

This element has a border color of #ae022c.

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

CSS codes

.text {color:#ae022c;}

.background {background-color:#ae022c;}

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

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

#130005
```
#130005 rgb(19,0,5)
```
#26000a
```
#26000a rgb(38,0,10)
```
#3a010f
```
#3a010f rgb(58,1,15)
```
#4d0113
```
#4d0113 rgb(77,1,19)
```
#600118
```
#600118 rgb(96,1,24)
```
#74011d
```
#74011d rgb(116,1,29)
```
#870222
```
#870222 rgb(135,2,34)
```
#9b0227
```
#9b0227 rgb(155,2,39)
```
#ae022c
```
#ae022c rgb(174,2,44)
```
#c10231
```
#c10231 rgb(193,2,49)
```
#d50236
```
#d50236 rgb(213,2,54)
```
#e8033b
```
#e8033b rgb(232,3,59)
```
#fc0340
```
#fc0340 rgb(252,3,64)
```

Shade Color Variation

#fc164e
```
#fc164e rgb(252,22,78)
```
#fd295d
```
#fd295d rgb(253,41,93)
```
#fd3d6b
```
#fd3d6b rgb(253,61,107)
```
#fd507a
```
#fd507a rgb(253,80,122)
```
#fd6389
```
#fd6389 rgb(253,99,137)
```
#fd7798
```
#fd7798 rgb(253,119,152)
```
#fe8aa6
```
#fe8aa6 rgb(254,138,166)
```
#fe9eb5
```
#fe9eb5 rgb(254,158,181)
```
#feb1c4
```
#feb1c4 rgb(254,177,196)
```
#fec4d2
```
#fec4d2 rgb(254,196,210)
```
#ffd8e1
```
#ffd8e1 rgb(255,216,225)
```
#ffebf0
```
#ffebf0 rgb(255,235,240)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#5d5356
```
#5d5356 rgb(93,83,86)
```
#644c52
```
#644c52 rgb(100,76,82)
```
#6a464f
```
#6a464f rgb(106,70,79)
```
#713f4b
```
#713f4b rgb(113,63,75)
```
#783848
```
#783848 rgb(120,56,72)
```
#7f3144
```
#7f3144 rgb(127,49,68)
```
#852b41
```
#852b41 rgb(133,43,65)
```
#8c243d
```
#8c243d rgb(140,36,61)
```
#931d3a
```
#931d3a rgb(147,29,58)
```
#9a1636
```
#9a1636 rgb(154,22,54)
```
#a01033
```
#a01033 rgb(160,16,51)
```
#a7092f
```
#a7092f rgb(167,9,47)
```
#ae022c
```
#ae022c rgb(174,2,44)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#512f37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645e4b Protanopia 1% of men
#745a2b Deuteranopia 1% of men
#b11915 Tritanopia 0.001% of the population

Trichromacy

#7f3c40 Protanomaly 1% of men, 0.01% of women
#893a2b Deuteranomaly 6% of men, 0.4% of women
#b0111d Tritanomaly 0.01% of the population

#ae022c hex color

#ae022c Color Information

#ae022c Color Conversion

Color Schemes with #ae022c

Alternatives to #ae022c

#ae022c Preview

Shades and Tints of #ae022c

Tones of #ae022c

Color Blindness Simulator