#ae322c hex color

In a RGB color space, hex #ae322c is composed of 68.2% red, 19.6% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.3% magenta, 74.7% yellow and 31.8% black. It has a hue angle of 2.8 degrees, a saturation of 59.6% and a lightness of 42.7%. #ae322c color hex could be obtained by blending #ff6458 with #5d0000. Closest websafe color is: #993333.

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

● #ae322c color description : Dark red.

The hexadecimal color #ae322c has RGB values of R:174, G:50, B:44 and CMYK values of C:0, M:0.71, Y:0.75, K:0.32. Its decimal value is 11416108.

Hex triplet	ae322c	`#ae322c`
RGB Decimal	174, 50, 44	`rgb(174,50,44)`
RGB Percent	68.2, 19.6, 17.3	`rgb(68.2%,19.6%,17.3%)`
CMYK	0, 71, 75, 32
HSL	2.8°, 59.6, 42.7	`hsl(2.8,59.6%,42.7%)`
HSV (or HSB)	2.8°, 74.7, 68.2
Web Safe	993333	`#993333`

CIE-LAB	40.351, 49.726, 33.011
XYZ	19.052, 11.464, 3.592
xyY	0.559, 0.336, 11.464
CIE-LCH	40.351, 59.686, 33.579
CIE-LUV	40.351, 94.326, 22.541
Hunter-Lab	33.858, 41.187, 17.41
Binary	10101110, 00110010, 00101100

#ae322c
```
#ae322c rgb(174,50,44)
```
#2ca8ae
```
#2ca8ae rgb(44,168,174)
```

Complementary Color

#ae2c67
```
#ae2c67 rgb(174,44,103)
```
#ae322c
```
#ae322c rgb(174,50,44)
```
#ae732c
```
#ae732c rgb(174,115,44)
```

Analogous Color

#2c67ae
```
#2c67ae rgb(44,103,174)
```
#ae322c
```
#ae322c rgb(174,50,44)
```
#2cae73
```
#2cae73 rgb(44,174,115)
```

Split Complementary Color

#322cae
```
#322cae rgb(50,44,174)
```
#ae322c
```
#ae322c rgb(174,50,44)
```
#2cae32
```
#2cae32 rgb(44,174,50)
```

Triadic Color

#ae2ca8
```
#ae2ca8 rgb(174,44,168)
```
#ae322c
```
#ae322c rgb(174,50,44)
```
#2cae32
```
#2cae32 rgb(44,174,50)
```
#2ca8ae
```
#2ca8ae rgb(44,168,174)
```

Tetradic Color

#71201d
```
#71201d rgb(113,32,29)
```
#852622
```
#852622 rgb(133,38,34)
```
#9a2c27
```
#9a2c27 rgb(154,44,39)
```
#ae322c
```
#ae322c rgb(174,50,44)
```
#c23831
```
#c23831 rgb(194,56,49)
```
#ce453f
```
#ce453f rgb(206,69,63)
```
#d45953
```
#d45953 rgb(212,89,83)
```

Monochromatic Color

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

#ae2c47
```
#ae2c47 rgb(174,44,71)
```
#ae2c3c
```
#ae2c3c rgb(174,44,60)
```
#ae2c31
```
#ae2c31 rgb(174,44,49)
```
#ae322c
```
#ae322c rgb(174,50,44)
```
#ae3d2c
```
#ae3d2c rgb(174,61,44)
```
#ae482c
```
#ae482c rgb(174,72,44)
```
#ae532c
```
#ae532c rgb(174,83,44)
```

Similar Colors

Text with hexadecimal color #ae322c

This text has a font color of #ae322c.

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

#ae322c background color

This paragraph has a background color of #ae322c.

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

#ae322c border color

This element has a border color of #ae322c.

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

CSS codes

.text {color:#ae322c;}

.background {background-color:#ae322c;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110504
```
#110504 rgb(17,5,4)
```
#210a08
```
#210a08 rgb(33,10,8)
```
#310e0c
```
#310e0c rgb(49,14,12)
```
#401310
```
#401310 rgb(64,19,16)
```
#501714
```
#501714 rgb(80,23,20)
```
#601c18
```
#601c18 rgb(96,28,24)
```
#6f201c
```
#6f201c rgb(111,32,28)
```
#7f2520
```
#7f2520 rgb(127,37,32)
```
#8f2924
```
#8f2924 rgb(143,41,36)
```
#9e2e28
```
#9e2e28 rgb(158,46,40)
```
#ae322c
```
#ae322c rgb(174,50,44)
```
#be3630
```
#be3630 rgb(190,54,48)
```

Shade Color Variation

#cc3c35
```
#cc3c35 rgb(204,60,53)
```
#d04b45
```
#d04b45 rgb(208,75,69)
```
#d45a55
```
#d45a55 rgb(212,90,85)
```
#d86a64
```
#d86a64 rgb(216,106,100)
```
#dc7974
```
#dc7974 rgb(220,121,116)
```
#e08884
```
#e08884 rgb(224,136,132)
```
#e49793
```
#e49793 rgb(228,151,147)
```
#e8a6a3
```
#e8a6a3 rgb(232,166,163)
```
#ecb5b2
```
#ecb5b2 rgb(236,181,178)
```
#f0c4c2
```
#f0c4c2 rgb(240,196,194)
```
#f4d3d2
```
#f4d3d2 rgb(244,211,210)
```
#f8e2e1
```
#f8e2e1 rgb(248,226,225)
```
#fbf2f1
```
#fbf2f1 rgb(251,242,241)
```

Tint Color Variation

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

#736767
```
#736767 rgb(115,103,103)
```
#7c605e
```
#7c605e rgb(124,96,94)
```
#845856
```
#845856 rgb(132,88,86)
```
#8c504e
```
#8c504e rgb(140,80,78)
```
#954945
```
#954945 rgb(149,73,69)
```
#9d413d
```
#9d413d rgb(157,65,61)
```
#a63a34
```
#a63a34 rgb(166,58,52)
```
#ae322c
```
#ae322c rgb(174,50,44)
```
#b62a24
```
#b62a24 rgb(182,42,36)
```
#bf231b
```
#bf231b rgb(191,35,27)
```
#c71b13
```
#c71b13 rgb(199,27,19)
```
#d0140a
```
#d0140a rgb(208,20,10)
```
#d80c02
```
#d80c02 rgb(216,12,2)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#684f4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#706744 Protanopia 1% of men
#7f622e Deuteranopia 1% of men
#b23b3e Tritanopia 0.001% of the population

Trichromacy

#86533b Protanomaly 1% of men, 0.01% of women
#90502d Deuteranomaly 6% of men, 0.4% of women
#b03837 Tritanomaly 0.01% of the population

#ae322c hex color

#ae322c Color Information

#ae322c Color Conversion

Color Schemes with #ae322c

Alternatives to #ae322c

#ae322c Preview

Shades and Tints of #ae322c

Tones of #ae322c

Color Blindness Simulator