#ae302b hex color

In a RGB color space, hex #ae302b is composed of 68.2% red, 18.8% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.4% magenta, 75.3% yellow and 31.8% black. It has a hue angle of 2.3 degrees, a saturation of 60.4% and a lightness of 42.5%. #ae302b color hex could be obtained by blending #ff6056 with #5d0000. Closest websafe color is: #993333.

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

● #ae302b color description : Dark red.

The hexadecimal color #ae302b has RGB values of R:174, G:48, B:43 and CMYK values of C:0, M:0.72, Y:0.75, K:0.32. Its decimal value is 11415595.

Hex triplet	ae302b	`#ae302b`
RGB Decimal	174, 48, 43	`rgb(174,48,43)`
RGB Percent	68.2, 18.8, 16.9	`rgb(68.2%,18.8%,16.9%)`
CMYK	0, 72, 75, 32
HSL	2.3°, 60.4, 42.5	`hsl(2.3,60.4%,42.5%)`
HSV (or HSB)	2.3°, 75.3, 68.2
Web Safe	993333	`#993333`

CIE-LAB	40.063, 50.442, 33.272
XYZ	18.949, 11.289, 3.467
xyY	0.562, 0.335, 11.289
CIE-LCH	40.063, 60.427, 33.41
CIE-LUV	40.063, 95.651, 22.413
Hunter-Lab	33.599, 41.872, 17.402
Binary	10101110, 00110000, 00101011

#ae302b
```
#ae302b rgb(174,48,43)
```
#2ba9ae
```
#2ba9ae rgb(43,169,174)
```

Complementary Color

#ae2b68
```
#ae2b68 rgb(174,43,104)
```
#ae302b
```
#ae302b rgb(174,48,43)
```
#ae722b
```
#ae722b rgb(174,114,43)
```

Analogous Color

#2b68ae
```
#2b68ae rgb(43,104,174)
```
#ae302b
```
#ae302b rgb(174,48,43)
```
#2bae72
```
#2bae72 rgb(43,174,114)
```

Split Complementary Color

#302bae
```
#302bae rgb(48,43,174)
```
#ae302b
```
#ae302b rgb(174,48,43)
```
#2bae30
```
#2bae30 rgb(43,174,48)
```

Triadic Color

#ae2ba9
```
#ae2ba9 rgb(174,43,169)
```
#ae302b
```
#ae302b rgb(174,48,43)
```
#2bae30
```
#2bae30 rgb(43,174,48)
```
#2ba9ae
```
#2ba9ae rgb(43,169,174)
```

Tetradic Color

#711f1c
```
#711f1c rgb(113,31,28)
```
#852521
```
#852521 rgb(133,37,33)
```
#9a2a26
```
#9a2a26 rgb(154,42,38)
```
#ae302b
```
#ae302b rgb(174,48,43)
```
#c23630
```
#c23630 rgb(194,54,48)
```
#cf433d
```
#cf433d rgb(207,67,61)
```
#d45651
```
#d45651 rgb(212,86,81)
```

Monochromatic Color

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

#ae2b47
```
#ae2b47 rgb(174,43,71)
```
#ae2b3c
```
#ae2b3c rgb(174,43,60)
```
#ae2b31
```
#ae2b31 rgb(174,43,49)
```
#ae302b
```
#ae302b rgb(174,48,43)
```
#ae3b2b
```
#ae3b2b rgb(174,59,43)
```
#ae462b
```
#ae462b rgb(174,70,43)
```
#ae512b
```
#ae512b rgb(174,81,43)
```

Similar Colors

Text with hexadecimal color #ae302b

This text has a font color of #ae302b.

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

#ae302b background color

This paragraph has a background color of #ae302b.

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

#ae302b border color

This element has a border color of #ae302b.

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

CSS codes

.text {color:#ae302b;}

.background {background-color:#ae302b;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110504
```
#110504 rgb(17,5,4)
```
#200908
```
#200908 rgb(32,9,8)
```
#300d0c
```
#300d0c rgb(48,13,12)
```
#401210
```
#401210 rgb(64,18,16)
```
#501614
```
#501614 rgb(80,22,20)
```
#5f1a18
```
#5f1a18 rgb(95,26,24)
```
#6f1f1b
```
#6f1f1b rgb(111,31,27)
```
#7f231f
```
#7f231f rgb(127,35,31)
```
#8f2723
```
#8f2723 rgb(143,39,35)
```
#9e2c27
```
#9e2c27 rgb(158,44,39)
```
#ae302b
```
#ae302b rgb(174,48,43)
```
#be342f
```
#be342f rgb(190,52,47)
```

Shade Color Variation

#cd3934
```
#cd3934 rgb(205,57,52)
```
#d14943
```
#d14943 rgb(209,73,67)
```
#d45853
```
#d45853 rgb(212,88,83)
```
#d86763
```
#d86763 rgb(216,103,99)
```
#dc7672
```
#dc7672 rgb(220,118,114)
```
#e08682
```
#e08682 rgb(224,134,130)
```
#e49592
```
#e49592 rgb(228,149,146)
```
#e8a4a2
```
#e8a4a2 rgb(232,164,162)
```
#ecb4b1
```
#ecb4b1 rgb(236,180,177)
```
#f0c3c1
```
#f0c3c1 rgb(240,195,193)
```
#f4d2d1
```
#f4d2d1 rgb(244,210,209)
```
#f7e1e1
```
#f7e1e1 rgb(247,225,225)
```
#fbf1f0
```
#fbf1f0 rgb(251,241,240)
```

Tint Color Variation

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

#746665
```
#746665 rgb(116,102,101)
```
#7c5e5d
```
#7c5e5d rgb(124,94,93)
```
#845755
```
#845755 rgb(132,87,85)
```
#8d4f4c
```
#8d4f4c rgb(141,79,76)
```
#954744
```
#954744 rgb(149,71,68)
```
#9d3f3c
```
#9d3f3c rgb(157,63,60)
```
#a63833
```
#a63833 rgb(166,56,51)
```
#ae302b
```
#ae302b rgb(174,48,43)
```
#b62823
```
#b62823 rgb(182,40,35)
```
#bf211a
```
#bf211a rgb(191,33,26)
```
#c71912
```
#c71912 rgb(199,25,18)
```
#cf110a
```
#cf110a rgb(207,17,10)
```
#d80901
```
#d80901 rgb(216,9,1)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#674e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6643 Protanopia 1% of men
#7e622c Deuteranopia 1% of men
#b2393c Tritanopia 0.001% of the population

Trichromacy

#86523a Protanomaly 1% of men, 0.01% of women
#8f4f2c Deuteranomaly 6% of men, 0.4% of women
#b03636 Tritanomaly 0.01% of the population

#ae302b hex color

#ae302b Color Information

#ae302b Color Conversion

Color Schemes with #ae302b

Alternatives to #ae302b

#ae302b Preview

Shades and Tints of #ae302b

Tones of #ae302b

Color Blindness Simulator