#ae701f hex color

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

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

● #ae701f color description : Dark orange [Brown tone].

The hexadecimal color #ae701f has RGB values of R:174, G:112, B:31 and CMYK values of C:0, M:0.36, Y:0.82, K:0.32. Its decimal value is 11431967.

Hex triplet	ae701f	`#ae701f`
RGB Decimal	174, 112, 31	`rgb(174,112,31)`
RGB Percent	68.2, 43.9, 12.2	`rgb(68.2%,43.9%,12.2%)`
CMYK	0, 36, 82, 32
HSL	34°, 69.8, 40.2	`hsl(34,69.8%,40.2%)`
HSV (or HSB)	34°, 82.2, 68.2
Web Safe	996633	`#996633`

CIE-LAB	52.606, 18.094, 51.514
XYZ	23.498, 20.688, 4.052
xyY	0.487, 0.429, 20.688
CIE-LCH	52.606, 54.599, 70.646
CIE-LUV	52.606, 50.494, 47.756
Hunter-Lab	45.484, 12.62, 26.557
Binary	10101110, 01110000, 00011111

#ae701f
```
#ae701f rgb(174,112,31)
```
#1f5dae
```
#1f5dae rgb(31,93,174)
```

Complementary Color

#ae291f
```
#ae291f rgb(174,41,31)
```
#ae701f
```
#ae701f rgb(174,112,31)
```
#a5ae1f
```
#a5ae1f rgb(165,174,31)
```

Analogous Color

#291fae
```
#291fae rgb(41,31,174)
```
#ae701f
```
#ae701f rgb(174,112,31)
```
#1fa5ae
```
#1fa5ae rgb(31,165,174)
```

Split Complementary Color

#701fae
```
#701fae rgb(112,31,174)
```
#ae701f
```
#ae701f rgb(174,112,31)
```
#1fae70
```
#1fae70 rgb(31,174,112)
```

Triadic Color

#ae1f5d
```
#ae1f5d rgb(174,31,93)
```
#ae701f
```
#ae701f rgb(174,112,31)
```
#1fae70
```
#1fae70 rgb(31,174,112)
```
#1f5dae
```
#1f5dae rgb(31,93,174)
```

Tetradic Color

#6d4613
```
#6d4613 rgb(109,70,19)
```
#835417
```
#835417 rgb(131,84,23)
```
#98621b
```
#98621b rgb(152,98,27)
```
#ae701f
```
#ae701f rgb(174,112,31)
```
#c47e23
```
#c47e23 rgb(196,126,35)
```
#d98c27
```
#d98c27 rgb(217,140,39)
```
#dc973d
```
#dc973d rgb(220,151,61)
```

Monochromatic Color

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

#ae4c1f
```
#ae4c1f rgb(174,76,31)
```
#ae581f
```
#ae581f rgb(174,88,31)
```
#ae641f
```
#ae641f rgb(174,100,31)
```
#ae701f
```
#ae701f rgb(174,112,31)
```
#ae7c1f
```
#ae7c1f rgb(174,124,31)
```
#ae881f
```
#ae881f rgb(174,136,31)
```
#ae941f
```
#ae941f rgb(174,148,31)
```

Similar Colors

Text with hexadecimal color #ae701f

This text has a font color of #ae701f.

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

#ae701f background color

This paragraph has a background color of #ae701f.

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

#ae701f border color

This element has a border color of #ae701f.

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

CSS codes

.text {color:#ae701f;}

.background {background-color:#ae701f;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#181004
```
#181004 rgb(24,16,4)
```
#291a07
```
#291a07 rgb(41,26,7)
```
#39250a
```
#39250a rgb(57,37,10)
```
#4a300d
```
#4a300d rgb(74,48,13)
```
#5b3a10
```
#5b3a10 rgb(91,58,16)
```
#6b4513
```
#6b4513 rgb(107,69,19)
```
#7c5016
```
#7c5016 rgb(124,80,22)
```
#8d5b19
```
#8d5b19 rgb(141,91,25)
```
#9d651c
```
#9d651c rgb(157,101,28)
```
#ae701f
```
#ae701f rgb(174,112,31)
```
#bf7b22
```
#bf7b22 rgb(191,123,34)
```
#cf8525
```
#cf8525 rgb(207,133,37)
```

Shade Color Variation

#da8f2e
```
#da8f2e rgb(218,143,46)
```
#dd983f
```
#dd983f rgb(221,152,63)
```
#e0a14f
```
#e0a14f rgb(224,161,79)
```
#e3aa60
```
#e3aa60 rgb(227,170,96)
```
#e6b371
```
#e6b371 rgb(230,179,113)
```
#e9bc81
```
#e9bc81 rgb(233,188,129)
```
#ecc592
```
#ecc592 rgb(236,197,146)
```
#efcea3
```
#efcea3 rgb(239,206,163)
```
#f2d7b3
```
#f2d7b3 rgb(242,215,179)
```
#f4dfc4
```
#f4dfc4 rgb(244,223,196)
```
#f7e8d5
```
#f7e8d5 rgb(247,232,213)
```
#faf1e5
```
#faf1e5 rgb(250,241,229)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,246)
```

Tint Color Variation

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

#676766
```
#676766 rgb(103,103,102)
```
#6f685e
```
#6f685e rgb(111,104,94)
```
#776956
```
#776956 rgb(119,105,86)
```
#7f6a4e
```
#7f6a4e rgb(127,106,78)
```
#876b46
```
#876b46 rgb(135,107,70)
```
#8e6c3f
```
#8e6c3f rgb(142,108,63)
```
#966d37
```
#966d37 rgb(150,109,55)
```
#9e6e2f
```
#9e6e2f rgb(158,110,47)
```
#a66f27
```
#a66f27 rgb(166,111,39)
```
#ae701f
```
#ae701f rgb(174,112,31)
```
#b67117
```
#b67117 rgb(182,113,23)
```
#be720f
```
#be720f rgb(190,114,15)
```
#c67307
```
#c67307 rgb(198,115,7)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#847767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93842e Protanopia 1% of men
#a47e27 Deuteranopia 1% of men
#b67077 Tritanopia 0.001% of the population

Trichromacy

#9d7d28 Protanomaly 1% of men, 0.01% of women
#a77824 Deuteranomaly 6% of men, 0.4% of women
#b37057 Tritanomaly 0.01% of the population

#ae701f hex color

#ae701f Color Information

#ae701f Color Conversion

Color Schemes with #ae701f

Alternatives to #ae701f

#ae701f Preview

Shades and Tints of #ae701f

Tones of #ae701f

Color Blindness Simulator