#ae2d48 hex color

In a RGB color space, hex #ae2d48 is composed of 68.2% red, 17.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.1% magenta, 58.6% yellow and 31.8% black. It has a hue angle of 347.4 degrees, a saturation of 58.9% and a lightness of 42.9%. #ae2d48 color hex could be obtained by blending #ff5a90 with #5d0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 68
- G 18
- B 28
RGB color chart
- C 0
- M 74
- Y 59
- K 32
CMYK color chart

● #ae2d48 color description : Dark red.

The hexadecimal color #ae2d48 has RGB values of R:174, G:45, B:72 and CMYK values of C:0, M:0.74, Y:0.59, K:0.32. Its decimal value is 11414856.

Hex triplet	ae2d48	`#ae2d48`
RGB Decimal	174, 45, 72	`rgb(174,45,72)`
RGB Percent	68.2, 17.6, 28.2	`rgb(68.2%,17.6%,28.2%)`
CMYK	0, 74, 59, 32
HSL	347.4°, 58.9, 42.9	`hsl(347.4,58.9%,42.9%)`
HSV (or HSB)	347.4°, 74.1, 68.2
Web Safe	993333	`#993333`

CIE-LAB	40.156, 53.167, 15.609
XYZ	19.564, 11.345, 7.29
xyY	0.512, 0.297, 11.345
CIE-LCH	40.156, 55.411, 16.361
CIE-LUV	40.156, 89.772, 7.404
Hunter-Lab	33.683, 44.734, 10.746
Binary	10101110, 00101101, 01001000

#ae2d48
```
#ae2d48 rgb(174,45,72)
```
#2dae93
```
#2dae93 rgb(45,174,147)
```

Complementary Color

#ae2d89
```
#ae2d89 rgb(174,45,137)
```
#ae2d48
```
#ae2d48 rgb(174,45,72)
```
#ae532d
```
#ae532d rgb(174,83,45)
```

Analogous Color

#2d89ae
```
#2d89ae rgb(45,137,174)
```
#ae2d48
```
#ae2d48 rgb(174,45,72)
```
#2dae53
```
#2dae53 rgb(45,174,83)
```

Split Complementary Color

#2d48ae
```
#2d48ae rgb(45,72,174)
```
#ae2d48
```
#ae2d48 rgb(174,45,72)
```
#48ae2d
```
#48ae2d rgb(72,174,45)
```

Triadic Color

#932dae
```
#932dae rgb(147,45,174)
```
#ae2d48
```
#ae2d48 rgb(174,45,72)
```
#48ae2d
```
#48ae2d rgb(72,174,45)
```
#2dae93
```
#2dae93 rgb(45,174,147)
```

Tetradic Color

#711d2f
```
#711d2f rgb(113,29,47)
```
#852337
```
#852337 rgb(133,35,55)
```
#9a2840
```
#9a2840 rgb(154,40,64)
```
#ae2d48
```
#ae2d48 rgb(174,45,72)
```
#c23250
```
#c23250 rgb(194,50,80)
```
#ce405e
```
#ce405e rgb(206,64,94)
```
#d3556f
```
#d3556f rgb(211,85,111)
```

Monochromatic Color

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

#ae2d68
```
#ae2d68 rgb(174,45,104)
```
#ae2d5e
```
#ae2d5e rgb(174,45,94)
```
#ae2d53
```
#ae2d53 rgb(174,45,83)
```
#ae2d48
```
#ae2d48 rgb(174,45,72)
```
#ae2d3d
```
#ae2d3d rgb(174,45,61)
```
#ae2d32
```
#ae2d32 rgb(174,45,50)
```
#ae322d
```
#ae322d rgb(174,50,45)
```

Similar Colors

Text with hexadecimal color #ae2d48

This text has a font color of #ae2d48.

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

#ae2d48 background color

This paragraph has a background color of #ae2d48.

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

#ae2d48 border color

This element has a border color of #ae2d48.

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

CSS codes

.text {color:#ae2d48;}

.background {background-color:#ae2d48;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120508
```
#120508 rgb(18,5,8)
```
#22090e
```
#22090e rgb(34,9,14)
```
#310d14
```
#310d14 rgb(49,13,20)
```
#41111b
```
#41111b rgb(65,17,27)
```
#501521
```
#501521 rgb(80,21,33)
```
#601928
```
#601928 rgb(96,25,40)
```
#701d2e
```
#701d2e rgb(112,29,46)
```
#7f2135
```
#7f2135 rgb(127,33,53)
```
#8f253b
```
#8f253b rgb(143,37,59)
```
#9e2942
```
#9e2942 rgb(158,41,66)
```
#ae2d48
```
#ae2d48 rgb(174,45,72)
```
#be314e
```
#be314e rgb(190,49,78)
```

Shade Color Variation

#cb3756
```
#cb3756 rgb(203,55,86)
```
#cf4763
```
#cf4763 rgb(207,71,99)
```
#d35670
```
#d35670 rgb(211,86,112)
```
#d7667e
```
#d7667e rgb(215,102,126)
```
#db758b
```
#db758b rgb(219,117,139)
```
#df8598
```
#df8598 rgb(223,133,152)
```
#e394a5
```
#e394a5 rgb(227,148,165)
```
#e7a4b2
```
#e7a4b2 rgb(231,164,178)
```
#ecb4bf
```
#ecb4bf rgb(236,180,191)
```
#f0c3cd
```
#f0c3cd rgb(240,195,205)
```
#f4d3da
```
#f4d3da rgb(244,211,218)
```
#f8e2e7
```
#f8e2e7 rgb(248,226,231)
```
#fcf2f4
```
#fcf2f4 rgb(252,242,244)
```

Tint Color Variation

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

#73686a
```
#73686a rgb(115,104,106)
```
#7b6065
```
#7b6065 rgb(123,96,101)
```
#845760
```
#845760 rgb(132,87,96)
```
#8c4f5c
```
#8c4f5c rgb(140,79,92)
```
#954657
```
#954657 rgb(149,70,87)
```
#9d3e52
```
#9d3e52 rgb(157,62,82)
```
#a6354d
```
#a6354d rgb(166,53,77)
```
#ae2d48
```
#ae2d48 rgb(174,45,72)
```
#b62543
```
#b62543 rgb(182,37,67)
```
#bf1c3e
```
#bf1c3e rgb(191,28,62)
```
#c71439
```
#c71439 rgb(199,20,57)
```
#d00b34
```
#d00b34 rgb(208,11,52)
```
#d80330
```
#d80330 rgb(216,3,48)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#684f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696664 Protanopia 1% of men
#7a6249 Deuteranopia 1% of men
#b13b3e Tritanopia 0.001% of the population

Trichromacy

#82515a Protanomaly 1% of men, 0.01% of women
#8c4f48 Deuteranomaly 6% of men, 0.4% of women
#b03642 Tritanomaly 0.01% of the population

#ae2d48 hex color

#ae2d48 Color Information

#ae2d48 Color Conversion

Color Schemes with #ae2d48

Alternatives to #ae2d48

#ae2d48 Preview

Shades and Tints of #ae2d48

Tones of #ae2d48

Color Blindness Simulator