#ae1f30 hex color

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

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

● #ae1f30 color description : Dark red.

The hexadecimal color #ae1f30 has RGB values of R:174, G:31, B:48 and CMYK values of C:0, M:0.82, Y:0.72, K:0.32. Its decimal value is 11411248.

Hex triplet	ae1f30	`#ae1f30`
RGB Decimal	174, 31, 48	`rgb(174,31,48)`
RGB Percent	68.2, 12.2, 18.8	`rgb(68.2%,12.2%,18.8%)`
CMYK	0, 82, 72, 32
HSL	352.9°, 69.8, 40.2	`hsl(352.9,69.8%,40.2%)`
HSV (or HSB)	352.9°, 82.2, 68.2
Web Safe	993333	`#993333`

CIE-LAB	38.189, 56.088, 28.123
XYZ	18.48, 10.194, 3.791
xyY	0.569, 0.314, 10.194
CIE-LCH	38.189, 62.744, 26.629
CIE-LUV	38.189, 102.572, 16.712
Hunter-Lab	31.929, 47.439, 15.311
Binary	10101110, 00011111, 00110000

#ae1f30
```
#ae1f30 rgb(174,31,48)
```
#1fae9d
```
#1fae9d rgb(31,174,157)
```

Complementary Color

#ae1f78
```
#ae1f78 rgb(174,31,120)
```
#ae1f30
```
#ae1f30 rgb(174,31,48)
```
#ae561f
```
#ae561f rgb(174,86,31)
```

Analogous Color

#1f78ae
```
#1f78ae rgb(31,120,174)
```
#ae1f30
```
#ae1f30 rgb(174,31,48)
```
#1fae56
```
#1fae56 rgb(31,174,86)
```

Split Complementary Color

#1f30ae
```
#1f30ae rgb(31,48,174)
```
#ae1f30
```
#ae1f30 rgb(174,31,48)
```
#30ae1f
```
#30ae1f rgb(48,174,31)
```

Triadic Color

#9d1fae
```
#9d1fae rgb(157,31,174)
```
#ae1f30
```
#ae1f30 rgb(174,31,48)
```
#30ae1f
```
#30ae1f rgb(48,174,31)
```
#1fae9d
```
#1fae9d rgb(31,174,157)
```

Tetradic Color

#6d131e
```
#6d131e rgb(109,19,30)
```
#831724
```
#831724 rgb(131,23,36)
```
#981b2a
```
#981b2a rgb(152,27,42)
```
#ae1f30
```
#ae1f30 rgb(174,31,48)
```
#c42336
```
#c42336 rgb(196,35,54)
```
#d9273c
```
#d9273c rgb(217,39,60)
```
#dc3d50
```
#dc3d50 rgb(220,61,80)
```

Monochromatic Color

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

#ae1f54
```
#ae1f54 rgb(174,31,84)
```
#ae1f48
```
#ae1f48 rgb(174,31,72)
```
#ae1f3c
```
#ae1f3c rgb(174,31,60)
```
#ae1f30
```
#ae1f30 rgb(174,31,48)
```
#ae1f24
```
#ae1f24 rgb(174,31,36)
```
#ae261f
```
#ae261f rgb(174,38,31)
```
#ae321f
```
#ae321f rgb(174,50,31)
```

Similar Colors

Text with hexadecimal color #ae1f30

This text has a font color of #ae1f30.

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

#ae1f30 background color

This paragraph has a background color of #ae1f30.

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

#ae1f30 border color

This element has a border color of #ae1f30.

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

CSS codes

.text {color:#ae1f30;}

.background {background-color:#ae1f30;}

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

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 #fdf6f7 is the lightest one.

#080102
```
#080102 rgb(8,1,2)
```
#180407
```
#180407 rgb(24,4,7)
```
#29070b
```
#29070b rgb(41,7,11)
```
#390a10
```
#390a10 rgb(57,10,16)
```
#4a0d14
```
#4a0d14 rgb(74,13,20)
```
#5b1019
```
#5b1019 rgb(91,16,25)
```
#6b131e
```
#6b131e rgb(107,19,30)
```
#7c1622
```
#7c1622 rgb(124,22,34)
```
#8d1927
```
#8d1927 rgb(141,25,39)
```
#9d1c2b
```
#9d1c2b rgb(157,28,43)
```
#ae1f30
```
#ae1f30 rgb(174,31,48)
```
#bf2235
```
#bf2235 rgb(191,34,53)
```
#cf2539
```
#cf2539 rgb(207,37,57)
```

Shade Color Variation

#da2e42
```
#da2e42 rgb(218,46,66)
```
#dd3f52
```
#dd3f52 rgb(221,63,82)
```
#e04f61
```
#e04f61 rgb(224,79,97)
```
#e36070
```
#e36070 rgb(227,96,112)
```
#e6717f
```
#e6717f rgb(230,113,127)
```
#e9818e
```
#e9818e rgb(233,129,142)
```
#ec929d
```
#ec929d rgb(236,146,157)
```
#efa3ac
```
#efa3ac rgb(239,163,172)
```
#f2b3bb
```
#f2b3bb rgb(242,179,187)
```
#f4c4ca
```
#f4c4ca rgb(244,196,202)
```
#f7d5d9
```
#f7d5d9 rgb(247,213,217)
```
#fae5e8
```
#fae5e8 rgb(250,229,232)
```
#fdf6f7
```
#fdf6f7 rgb(253,246,247)
```

Tint Color Variation

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

#676666
```
#676666 rgb(103,102,102)
```
#6f5e60
```
#6f5e60 rgb(111,94,96)
```
#77565a
```
#77565a rgb(119,86,90)
```
#7f4e54
```
#7f4e54 rgb(127,78,84)
```
#87464e
```
#87464e rgb(135,70,78)
```
#8e3f48
```
#8e3f48 rgb(142,63,72)
```
#963742
```
#963742 rgb(150,55,66)
```
#9e2f3c
```
#9e2f3c rgb(158,47,60)
```
#a62736
```
#a62736 rgb(166,39,54)
```
#ae1f30
```
#ae1f30 rgb(174,31,48)
```
#b6172a
```
#b6172a rgb(182,23,42)
```
#be0f24
```
#be0f24 rgb(190,15,36)
```
#c6071e
```
#c6071e rgb(198,7,30)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#604346 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69624c Protanopia 1% of men
#785e31 Deuteranopia 1% of men
#b12d2d Tritanopia 0.001% of the population

Trichromacy

#824942 Protanomaly 1% of men, 0.01% of women
#8b4730 Deuteranomaly 6% of men, 0.4% of women
#b0282e Tritanomaly 0.01% of the population

#ae1f30 hex color

#ae1f30 Color Information

#ae1f30 Color Conversion

Color Schemes with #ae1f30

Alternatives to #ae1f30

#ae1f30 Preview

Shades and Tints of #ae1f30

Tones of #ae1f30

Color Blindness Simulator