#ae0022 hex color

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

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

● #ae0022 color description : Dark red.

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

Hex triplet	ae0022	`#ae0022`
RGB Decimal	174, 0, 34	`rgb(174,0,34)`
RGB Percent	68.2, 0, 13.3	`rgb(68.2%,0%,13.3%)`
CMYK	0, 100, 80, 32
HSL	348.3°, 100, 34.1	`hsl(348.3,100%,34.1%)`
HSV (or HSB)	348.3°, 100, 68.2
Web Safe	990033	`#990033`

CIE-LAB	36.208, 60.738, 34.419
XYZ	17.745, 9.117, 2.339
xyY	0.608, 0.312, 9.117
CIE-LCH	36.208, 69.812, 29.539
CIE-LUV	36.208, 113.743, 18.676
Hunter-Lab	30.194, 52.069, 16.543
Binary	10101110, 00000000, 00100010

#ae0022
```
#ae0022 rgb(174,0,34)
```
#00ae8c
```
#00ae8c rgb(0,174,140)
```

Complementary Color

#ae0079
```
#ae0079 rgb(174,0,121)
```
#ae0022
```
#ae0022 rgb(174,0,34)
```
#ae3500
```
#ae3500 rgb(174,53,0)
```

Analogous Color

#0079ae
```
#0079ae rgb(0,121,174)
```
#ae0022
```
#ae0022 rgb(174,0,34)
```
#00ae35
```
#00ae35 rgb(0,174,53)
```

Split Complementary Color

#0022ae
```
#0022ae rgb(0,34,174)
```
#ae0022
```
#ae0022 rgb(174,0,34)
```
#22ae00
```
#22ae00 rgb(34,174,0)
```

Triadic Color

#8c00ae
```
#8c00ae rgb(140,0,174)
```
#ae0022
```
#ae0022 rgb(174,0,34)
```
#22ae00
```
#22ae00 rgb(34,174,0)
```
#00ae8c
```
#00ae8c rgb(0,174,140)
```

Tetradic Color

#620013
```
#620013 rgb(98,0,19)
```
#7b0018
```
#7b0018 rgb(123,0,24)
```
#95001d
```
#95001d rgb(149,0,29)
```
#ae0022
```
#ae0022 rgb(174,0,34)
```
#c80027
```
#c80027 rgb(200,0,39)
```
#e1002c
```
#e1002c rgb(225,0,44)
```
#fb0031
```
#fb0031 rgb(251,0,49)
```

Monochromatic Color

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

#ae004e
```
#ae004e rgb(174,0,78)
```
#ae003f
```
#ae003f rgb(174,0,63)
```
#ae0031
```
#ae0031 rgb(174,0,49)
```
#ae0022
```
#ae0022 rgb(174,0,34)
```
#ae0014
```
#ae0014 rgb(174,0,20)
```
#ae0005
```
#ae0005 rgb(174,0,5)
```
#ae0a00
```
#ae0a00 rgb(174,10,0)
```

Similar Colors

Text with hexadecimal color #ae0022

This text has a font color of #ae0022.

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

#ae0022 background color

This paragraph has a background color of #ae0022.

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

#ae0022 border color

This element has a border color of #ae0022.

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

CSS codes

.text {color:#ae0022;}

.background {background-color:#ae0022;}

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

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

#110003
```
#110003 rgb(17,0,3)
```
#250007
```
#250007 rgb(37,0,7)
```
#38000b
```
#38000b rgb(56,0,11)
```
#4c000f
```
#4c000f rgb(76,0,15)
```
#600013
```
#600013 rgb(96,0,19)
```
#730017
```
#730017 rgb(115,0,23)
```
#87001a
```
#87001a rgb(135,0,26)
```
#9a001e
```
#9a001e rgb(154,0,30)
```
#ae0022
```
#ae0022 rgb(174,0,34)
```
#c20026
```
#c20026 rgb(194,0,38)
```
#d5002a
```
#d5002a rgb(213,0,42)
```
#e9002d
```
#e9002d rgb(233,0,45)
```
#fc0031
```
#fc0031 rgb(252,0,49)
```

Shade Color Variation

#ff1140
```
#ff1140 rgb(255,17,64)
```
#ff254f
```
#ff254f rgb(255,37,79)
```
#ff385f
```
#ff385f rgb(255,56,95)
```
#ff4c6f
```
#ff4c6f rgb(255,76,111)
```
#ff607f
```
#ff607f rgb(255,96,127)
```
#ff738e
```
#ff738e rgb(255,115,142)
```
#ff879e
```
#ff879e rgb(255,135,158)
```
#ff9aae
```
#ff9aae rgb(255,154,174)
```
#ffaebe
```
#ffaebe rgb(255,174,190)
```
#ffc2ce
```
#ffc2ce rgb(255,194,206)
```
#ffd5dd
```
#ffd5dd rgb(255,213,221)
```
#ffe9ed
```
#ffe9ed rgb(255,233,237)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#5e5053
```
#5e5053 rgb(94,80,83)
```
#644a4f
```
#644a4f rgb(100,74,79)
```
#6b434b
```
#6b434b rgb(107,67,75)
```
#723c47
```
#723c47 rgb(114,60,71)
```
#783643
```
#783643 rgb(120,54,67)
```
#7f2f3f
```
#7f2f3f rgb(127,47,63)
```
#86283a
```
#86283a rgb(134,40,58)
```
#8d2136
```
#8d2136 rgb(141,33,54)
```
#931b32
```
#931b32 rgb(147,27,50)
```
#9a142e
```
#9a142e rgb(154,20,46)
```
#a10d2a
```
#a10d2a rgb(161,13,42)
```
#a70726
```
#a70726 rgb(167,7,38)
```
#ae0022
```
#ae0022 rgb(174,0,34)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#502d34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655d3f Protanopia 1% of men
#745920 Deuteranopia 1% of men
#b1140b Tritanopia 0.001% of the population

Trichromacy

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

#ae0022 hex color

#ae0022 Color Information

#ae0022 Color Conversion

Color Schemes with #ae0022

Alternatives to #ae0022

#ae0022 Preview

Shades and Tints of #ae0022

Tones of #ae0022

Color Blindness Simulator