#ae1f23 hex color

In a RGB color space, hex #ae1f23 is composed of 68.2% red, 12.2% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.2% magenta, 79.9% yellow and 31.8% black. It has a hue angle of 358.3 degrees, a saturation of 69.8% and a lightness of 40.2%. #ae1f23 color hex could be obtained by blending #ff3e46 with #5d0000. Closest websafe color is: #993333.

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

● #ae1f23 color description : Dark red.

The hexadecimal color #ae1f23 has RGB values of R:174, G:31, B:35 and CMYK values of C:0, M:0.82, Y:0.8, K:0.32. Its decimal value is 11411235.

Hex triplet	ae1f23	`#ae1f23`
RGB Decimal	174, 31, 35	`rgb(174,31,35)`
RGB Percent	68.2, 12.2, 13.7	`rgb(68.2%,12.2%,13.7%)`
CMYK	0, 82, 80, 32
HSL	358.3°, 69.8, 40.2	`hsl(358.3,69.8%,40.2%)`
HSV (or HSB)	358.3°, 82.2, 68.2
Web Safe	993333	`#993333`

CIE-LAB	38.025, 55.586, 35.71
XYZ	18.25, 10.102, 2.579
xyY	0.59, 0.327, 10.102
CIE-LCH	38.025, 66.068, 32.717
CIE-LUV	38.025, 105.478, 21.667
Hunter-Lab	31.784, 46.869, 17.438
Binary	10101110, 00011111, 00100011

#ae1f23
```
#ae1f23 rgb(174,31,35)
```
#1faeaa
```
#1faeaa rgb(31,174,170)
```

Complementary Color

#ae1f6b
```
#ae1f6b rgb(174,31,107)
```
#ae1f23
```
#ae1f23 rgb(174,31,35)
```
#ae631f
```
#ae631f rgb(174,99,31)
```

Analogous Color

#1f6bae
```
#1f6bae rgb(31,107,174)
```
#ae1f23
```
#ae1f23 rgb(174,31,35)
```
#1fae63
```
#1fae63 rgb(31,174,99)
```

Split Complementary Color

#1f23ae
```
#1f23ae rgb(31,35,174)
```
#ae1f23
```
#ae1f23 rgb(174,31,35)
```
#23ae1f
```
#23ae1f rgb(35,174,31)
```

Triadic Color

#aa1fae
```
#aa1fae rgb(170,31,174)
```
#ae1f23
```
#ae1f23 rgb(174,31,35)
```
#23ae1f
```
#23ae1f rgb(35,174,31)
```
#1faeaa
```
#1faeaa rgb(31,174,170)
```

Tetradic Color

#6d1316
```
#6d1316 rgb(109,19,22)
```
#83171a
```
#83171a rgb(131,23,26)
```
#981b1f
```
#981b1f rgb(152,27,31)
```
#ae1f23
```
#ae1f23 rgb(174,31,35)
```
#c42327
```
#c42327 rgb(196,35,39)
```
#d9272c
```
#d9272c rgb(217,39,44)
```
#dc3d42
```
#dc3d42 rgb(220,61,66)
```

Monochromatic Color

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

#ae1f47
```
#ae1f47 rgb(174,31,71)
```
#ae1f3b
```
#ae1f3b rgb(174,31,59)
```
#ae1f2f
```
#ae1f2f rgb(174,31,47)
```
#ae1f23
```
#ae1f23 rgb(174,31,35)
```
#ae271f
```
#ae271f rgb(174,39,31)
```
#ae331f
```
#ae331f rgb(174,51,31)
```
#ae3f1f
```
#ae3f1f rgb(174,63,31)
```

Similar Colors

Text with hexadecimal color #ae1f23

This text has a font color of #ae1f23.

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

#ae1f23 background color

This paragraph has a background color of #ae1f23.

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

#ae1f23 border color

This element has a border color of #ae1f23.

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

CSS codes

.text {color:#ae1f23;}

.background {background-color:#ae1f23;}

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

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

#080102
```
#080102 rgb(8,1,2)
```
#180405
```
#180405 rgb(24,4,5)
```
#290708
```
#290708 rgb(41,7,8)
```
#390a0c
```
#390a0c rgb(57,10,12)
```
#4a0d0f
```
#4a0d0f rgb(74,13,15)
```
#5b1012
```
#5b1012 rgb(91,16,18)
```
#6b1316
```
#6b1316 rgb(107,19,22)
```
#7c1619
```
#7c1619 rgb(124,22,25)
```
#8d191c
```
#8d191c rgb(141,25,28)
```
#9d1c20
```
#9d1c20 rgb(157,28,32)
```
#ae1f23
```
#ae1f23 rgb(174,31,35)
```
#bf2226
```
#bf2226 rgb(191,34,38)
```
#cf252a
```
#cf252a rgb(207,37,42)
```

Shade Color Variation

#da2e33
```
#da2e33 rgb(218,46,51)
```
#dd3f43
```
#dd3f43 rgb(221,63,67)
```
#e04f53
```
#e04f53 rgb(224,79,83)
```
#e36064
```
#e36064 rgb(227,96,100)
```
#e67174
```
#e67174 rgb(230,113,116)
```
#e98184
```
#e98184 rgb(233,129,132)
```
#ec9294
```
#ec9294 rgb(236,146,148)
```
#efa3a5
```
#efa3a5 rgb(239,163,165)
```
#f2b3b5
```
#f2b3b5 rgb(242,179,181)
```
#f4c4c5
```
#f4c4c5 rgb(244,196,197)
```
#f7d5d6
```
#f7d5d6 rgb(247,213,214)
```
#fae5e6
```
#fae5e6 rgb(250,229,230)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#676666
```
#676666 rgb(103,102,102)
```
#6f5e5f
```
#6f5e5f rgb(111,94,95)
```
#775657
```
#775657 rgb(119,86,87)
```
#7f4e50
```
#7f4e50 rgb(127,78,80)
```
#874648
```
#874648 rgb(135,70,72)
```
#8e3f41
```
#8e3f41 rgb(142,63,65)
```
#963739
```
#963739 rgb(150,55,57)
```
#9e2f32
```
#9e2f32 rgb(158,47,50)
```
#a6272a
```
#a6272a rgb(166,39,42)
```
#ae1f23
```
#ae1f23 rgb(174,31,35)
```
#b6171c
```
#b6171c rgb(182,23,28)
```
#be0f14
```
#be0f14 rgb(190,15,20)
```
#c6070d
```
#c6070d rgb(198,7,13)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5e4142 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a623d Protanopia 1% of men
#795d22 Deuteranopia 1% of men
#b22b2b Tritanopia 0.001% of the population

Trichromacy

#834933 Protanomaly 1% of men, 0.01% of women
#8c4622 Deuteranomaly 6% of men, 0.4% of women
#b02628 Tritanomaly 0.01% of the population

#ae1f23 hex color

#ae1f23 Color Information

#ae1f23 Color Conversion

Color Schemes with #ae1f23

Alternatives to #ae1f23

#ae1f23 Preview

Shades and Tints of #ae1f23

Tones of #ae1f23

Color Blindness Simulator