#ae331f hex color

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

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

● #ae331f color description : Dark red.

The hexadecimal color #ae331f has RGB values of R:174, G:51, B:31 and CMYK values of C:0, M:0.71, Y:0.82, K:0.32. Its decimal value is 11416351.

Hex triplet	ae331f	`#ae331f`
RGB Decimal	174, 51, 31	`rgb(174,51,31)`
RGB Percent	68.2, 20, 12.2	`rgb(68.2%,20%,12.2%)`
CMYK	0, 71, 82, 32
HSL	8.4°, 69.8, 40.2	`hsl(8.4,69.8%,40.2%)`
HSV (or HSB)	8.4°, 82.2, 68.2
Web Safe	993333	`#993333`

CIE-LAB	40.357, 48.858, 40.208
XYZ	18.888, 11.467, 2.515
xyY	0.575, 0.349, 11.467
CIE-LCH	40.357, 63.275, 39.452
CIE-LUV	40.357, 95.942, 27.146
Hunter-Lab	33.864, 40.298, 19.301
Binary	10101110, 00110011, 00011111

#ae331f
```
#ae331f rgb(174,51,31)
```
#1f9aae
```
#1f9aae rgb(31,154,174)
```

Complementary Color

#ae1f53
```
#ae1f53 rgb(174,31,83)
```
#ae331f
```
#ae331f rgb(174,51,31)
```
#ae7b1f
```
#ae7b1f rgb(174,123,31)
```

Analogous Color

#1f53ae
```
#1f53ae rgb(31,83,174)
```
#ae331f
```
#ae331f rgb(174,51,31)
```
#1fae7b
```
#1fae7b rgb(31,174,123)
```

Split Complementary Color

#331fae
```
#331fae rgb(51,31,174)
```
#ae331f
```
#ae331f rgb(174,51,31)
```
#1fae33
```
#1fae33 rgb(31,174,51)
```

Triadic Color

#ae1f9a
```
#ae1f9a rgb(174,31,154)
```
#ae331f
```
#ae331f rgb(174,51,31)
```
#1fae33
```
#1fae33 rgb(31,174,51)
```
#1f9aae
```
#1f9aae rgb(31,154,174)
```

Tetradic Color

#6d2013
```
#6d2013 rgb(109,32,19)
```
#832617
```
#832617 rgb(131,38,23)
```
#982d1b
```
#982d1b rgb(152,45,27)
```
#ae331f
```
#ae331f rgb(174,51,31)
```
#c43923
```
#c43923 rgb(196,57,35)
```
#d94027
```
#d94027 rgb(217,64,39)
```
#dc533d
```
#dc533d rgb(220,83,61)
```

Monochromatic Color

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

#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)
```
#ae4b1f
```
#ae4b1f rgb(174,75,31)
```
#ae571f
```
#ae571f rgb(174,87,31)
```

Similar Colors

Text with hexadecimal color #ae331f

This text has a font color of #ae331f.

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

#ae331f background color

This paragraph has a background color of #ae331f.

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

#ae331f border color

This element has a border color of #ae331f.

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

CSS codes

.text {color:#ae331f;}

.background {background-color:#ae331f;}

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

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

#080201
```
#080201 rgb(8,2,1)
```
#180704
```
#180704 rgb(24,7,4)
```
#290c07
```
#290c07 rgb(41,12,7)
```
#39110a
```
#39110a rgb(57,17,10)
```
#4a160d
```
#4a160d rgb(74,22,13)
```
#5b1b10
```
#5b1b10 rgb(91,27,16)
```
#6b1f13
```
#6b1f13 rgb(107,31,19)
```
#7c2416
```
#7c2416 rgb(124,36,22)
```
#8d2919
```
#8d2919 rgb(141,41,25)
```
#9d2e1c
```
#9d2e1c rgb(157,46,28)
```
#ae331f
```
#ae331f rgb(174,51,31)
```
#bf3822
```
#bf3822 rgb(191,56,34)
```
#cf3d25
```
#cf3d25 rgb(207,61,37)
```

Shade Color Variation

#da462e
```
#da462e rgb(218,70,46)
```
#dd553f
```
#dd553f rgb(221,85,63)
```
#e0644f
```
#e0644f rgb(224,100,79)
```
#e37260
```
#e37260 rgb(227,114,96)
```
#e68171
```
#e68171 rgb(230,129,113)
```
#e99081
```
#e99081 rgb(233,144,129)
```
#ec9e92
```
#ec9e92 rgb(236,158,146)
```
#efada3
```
#efada3 rgb(239,173,163)
```
#f2bcb3
```
#f2bcb3 rgb(242,188,179)
```
#f4cbc4
```
#f4cbc4 rgb(244,203,196)
```
#f7d9d5
```
#f7d9d5 rgb(247,217,213)
```
#fae8e5
```
#fae8e5 rgb(250,232,229)
```
#fdf7f6
```
#fdf7f6 rgb(253,247,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 #c62207 is the most saturated one.

#676666
```
#676666 rgb(103,102,102)
```
#6f605e
```
#6f605e rgb(111,96,94)
```
#775b56
```
#775b56 rgb(119,91,86)
```
#7f554e
```
#7f554e rgb(127,85,78)
```
#874f46
```
#874f46 rgb(135,79,70)
```
#8e4a3f
```
#8e4a3f rgb(142,74,63)
```
#964437
```
#964437 rgb(150,68,55)
```
#9e3e2f
```
#9e3e2f rgb(158,62,47)
```
#a63927
```
#a63927 rgb(166,57,39)
```
#ae331f
```
#ae331f rgb(174,51,31)
```
#b62d17
```
#b62d17 rgb(182,45,23)
```
#be280f
```
#be280f rgb(190,40,15)
```
#c62207
```
#c62207 rgb(198,34,7)
```

Tone Color Variation

Below, you can see how #ae331f 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
#674e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#716735 Protanopia 1% of men
#80621f Deuteranopia 1% of men
#b23b3d Tritanopia 0.001% of the population

Trichromacy

#87542d Protanomaly 1% of men, 0.01% of women
#91511f Deuteranomaly 6% of men, 0.4% of women
#b13832 Tritanomaly 0.01% of the population

#ae331f hex color

#ae331f Color Information

#ae331f Color Conversion

Color Schemes with #ae331f

Alternatives to #ae331f

#ae331f Preview

Shades and Tints of #ae331f

Tones of #ae331f

Color Blindness Simulator