#ae2a25 hex color

In a RGB color space, hex #ae2a25 is composed of 68.2% red, 16.5% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.9% magenta, 78.7% yellow and 31.8% black. It has a hue angle of 2.2 degrees, a saturation of 64.9% and a lightness of 41.4%. #ae2a25 color hex could be obtained by blending #ff544a with #5d0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 68
- G 16
- B 15
RGB color chart
- C 0
- M 76
- Y 79
- K 32
CMYK color chart

● #ae2a25 color description : Dark red.

The hexadecimal color #ae2a25 has RGB values of R:174, G:42, B:37 and CMYK values of C:0, M:0.76, Y:0.79, K:0.32. Its decimal value is 11414053.

Hex triplet	ae2a25	`#ae2a25`
RGB Decimal	174, 42, 37	`rgb(174,42,37)`
RGB Percent	68.2, 16.5, 14.5	`rgb(68.2%,16.5%,14.5%)`
CMYK	0, 76, 79, 32
HSL	2.2°, 64.9, 41.4	`hsl(2.2,64.9%,41.4%)`
HSV (or HSB)	2.2°, 78.7, 68.2
Web Safe	993333	`#993333`

CIE-LAB	39.225, 52.343, 35.815
XYZ	18.618, 10.79, 2.853
xyY	0.577, 0.334, 10.79
CIE-LCH	39.225, 63.424, 34.382
CIE-LUV	39.225, 100.013, 23.153
Hunter-Lab	32.849, 43.687, 17.845
Binary	10101110, 00101010, 00100101

#ae2a25
```
#ae2a25 rgb(174,42,37)
```
#25a9ae
```
#25a9ae rgb(37,169,174)
```

Complementary Color

#ae2565
```
#ae2565 rgb(174,37,101)
```
#ae2a25
```
#ae2a25 rgb(174,42,37)
```
#ae6f25
```
#ae6f25 rgb(174,111,37)
```

Analogous Color

#2565ae
```
#2565ae rgb(37,101,174)
```
#ae2a25
```
#ae2a25 rgb(174,42,37)
```
#25ae6f
```
#25ae6f rgb(37,174,111)
```

Split Complementary Color

#2a25ae
```
#2a25ae rgb(42,37,174)
```
#ae2a25
```
#ae2a25 rgb(174,42,37)
```
#25ae2a
```
#25ae2a rgb(37,174,42)
```

Triadic Color

#ae25a9
```
#ae25a9 rgb(174,37,169)
```
#ae2a25
```
#ae2a25 rgb(174,42,37)
```
#25ae2a
```
#25ae2a rgb(37,174,42)
```
#25a9ae
```
#25a9ae rgb(37,169,174)
```

Tetradic Color

#6f1b18
```
#6f1b18 rgb(111,27,24)
```
#84201c
```
#84201c rgb(132,32,28)
```
#992521
```
#992521 rgb(153,37,33)
```
#ae2a25
```
#ae2a25 rgb(174,42,37)
```
#c32f29
```
#c32f29 rgb(195,47,41)
```
#d43832
```
#d43832 rgb(212,56,50)
```
#d84d48
```
#d84d48 rgb(216,77,72)
```

Monochromatic Color

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

#ae2542
```
#ae2542 rgb(174,37,66)
```
#ae2537
```
#ae2537 rgb(174,37,55)
```
#ae252b
```
#ae252b rgb(174,37,43)
```
#ae2a25
```
#ae2a25 rgb(174,42,37)
```
#ae3525
```
#ae3525 rgb(174,53,37)
```
#ae4125
```
#ae4125 rgb(174,65,37)
```
#ae4c25
```
#ae4c25 rgb(174,76,37)
```

Similar Colors

Text with hexadecimal color #ae2a25

This text has a font color of #ae2a25.

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

#ae2a25 background color

This paragraph has a background color of #ae2a25.

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

#ae2a25 border color

This element has a border color of #ae2a25.

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

CSS codes

.text {color:#ae2a25;}

.background {background-color:#ae2a25;}

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

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, #0c0303 is the darkest color, while #fefbfb is the lightest one.

#0c0303
```
#0c0303 rgb(12,3,3)
```
#1c0706
```
#1c0706 rgb(28,7,6)
```
#2d0b09
```
#2d0b09 rgb(45,11,9)
```
#3d0f0d
```
#3d0f0d rgb(61,15,13)
```
#4d1310
```
#4d1310 rgb(77,19,16)
```
#5d1614
```
#5d1614 rgb(93,22,20)
```
#6d1a17
```
#6d1a17 rgb(109,26,23)
```
#7d1e1b
```
#7d1e1b rgb(125,30,27)
```
#8e221e
```
#8e221e rgb(142,34,30)
```
#9e2622
```
#9e2622 rgb(158,38,34)
```
#ae2a25
```
#ae2a25 rgb(174,42,37)
```
#be2e28
```
#be2e28 rgb(190,46,40)
```
#ce322c
```
#ce322c rgb(206,50,44)
```

Shade Color Variation

#d53f39
```
#d53f39 rgb(213,63,57)
```
#d84e49
```
#d84e49 rgb(216,78,73)
```
#dc5e59
```
#dc5e59 rgb(220,94,89)
```
#df6e69
```
#df6e69 rgb(223,110,105)
```
#e37d7a
```
#e37d7a rgb(227,125,122)
```
#e68d8a
```
#e68d8a rgb(230,141,138)
```
#ea9d9a
```
#ea9d9a rgb(234,157,154)
```
#edadaa
```
#edadaa rgb(237,173,170)
```
#f0bcba
```
#f0bcba rgb(240,188,186)
```
#f4cccb
```
#f4cccb rgb(244,204,203)
```
#f7dcdb
```
#f7dcdb rgb(247,220,219)
```
#fbebeb
```
#fbebeb rgb(251,235,235)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#6d6666
```
#6d6666 rgb(109,102,102)
```
#755f5e
```
#755f5e rgb(117,95,94)
```
#7d5756
```
#7d5756 rgb(125,87,86)
```
#85504e
```
#85504e rgb(133,80,78)
```
#8e4845
```
#8e4845 rgb(142,72,69)
```
#96413d
```
#96413d rgb(150,65,61)
```
#9e3935
```
#9e3935 rgb(158,57,53)
```
#a6322d
```
#a6322d rgb(166,50,45)
```
#ae2a25
```
#ae2a25 rgb(174,42,37)
```
#b6221d
```
#b6221d rgb(182,34,29)
```
#be1b15
```
#be1b15 rgb(190,27,21)
```
#c6130d
```
#c6130d rgb(198,19,13)
```
#ce0c05
```
#ce0c05 rgb(206,12,5)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#644948 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e643d Protanopia 1% of men
#7c6025 Deuteranopia 1% of men
#b23436 Tritanopia 0.001% of the population

Trichromacy

#854f34 Protanomaly 1% of men, 0.01% of women
#8e4c25 Deuteranomaly 6% of men, 0.4% of women
#b0302f Tritanomaly 0.01% of the population

#ae2a25 hex color

#ae2a25 Color Information

#ae2a25 Color Conversion

Color Schemes with #ae2a25

Alternatives to #ae2a25

#ae2a25 Preview

Shades and Tints of #ae2a25

Tones of #ae2a25

Color Blindness Simulator