#ae5f20 hex color

In a RGB color space, hex #ae5f20 is composed of 68.2% red, 37.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.4% magenta, 81.6% yellow and 31.8% black. It has a hue angle of 26.6 degrees, a saturation of 68.9% and a lightness of 40.4%. #ae5f20 color hex could be obtained by blending #ffbe40 with #5d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 68
- G 37
- B 13
RGB color chart
- C 0
- M 45
- Y 82
- K 32
CMYK color chart

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

The hexadecimal color #ae5f20 has RGB values of R:174, G:95, B:32 and CMYK values of C:0, M:0.45, Y:0.82, K:0.32. Its decimal value is 11427616.

Hex triplet	ae5f20	`#ae5f20`
RGB Decimal	174, 95, 32	`rgb(174,95,32)`
RGB Percent	68.2, 37.3, 12.5	`rgb(68.2%,37.3%,12.5%)`
CMYK	0, 45, 82, 32
HSL	26.6°, 68.9, 40.4	`hsl(26.6,68.9%,40.4%)`
HSV (or HSB)	26.6°, 81.6, 68.2
Web Safe	996633	`#996633`

CIE-LAB	48.622, 27.56, 47.495
XYZ	21.809, 17.289, 3.555
xyY	0.511, 0.405, 17.289
CIE-LCH	48.622, 54.912, 59.874
CIE-LUV	48.622, 63.909, 41.018
Hunter-Lab	41.58, 20.859, 24.037
Binary	10101110, 01011111, 00100000

#ae5f20
```
#ae5f20 rgb(174,95,32)
```
#206fae
```
#206fae rgb(32,111,174)
```

Complementary Color

#ae2028
```
#ae2028 rgb(174,32,40)
```
#ae5f20
```
#ae5f20 rgb(174,95,32)
```
#aea620
```
#aea620 rgb(174,166,32)
```

Analogous Color

#2028ae
```
#2028ae rgb(32,40,174)
```
#ae5f20
```
#ae5f20 rgb(174,95,32)
```
#20aea6
```
#20aea6 rgb(32,174,166)
```

Split Complementary Color

#5f20ae
```
#5f20ae rgb(95,32,174)
```
#ae5f20
```
#ae5f20 rgb(174,95,32)
```
#20ae5f
```
#20ae5f rgb(32,174,95)
```

Triadic Color

#ae206f
```
#ae206f rgb(174,32,111)
```
#ae5f20
```
#ae5f20 rgb(174,95,32)
```
#20ae5f
```
#20ae5f rgb(32,174,95)
```
#206fae
```
#206fae rgb(32,111,174)
```

Tetradic Color

#6d3c14
```
#6d3c14 rgb(109,60,20)
```
#834718
```
#834718 rgb(131,71,24)
```
#98531c
```
#98531c rgb(152,83,28)
```
#ae5f20
```
#ae5f20 rgb(174,95,32)
```
#c46b24
```
#c46b24 rgb(196,107,36)
```
#d87729
```
#d87729 rgb(216,119,41)
```
#dc843f
```
#dc843f rgb(220,132,63)
```

Monochromatic Color

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

#ae3c20
```
#ae3c20 rgb(174,60,32)
```
#ae4720
```
#ae4720 rgb(174,71,32)
```
#ae5320
```
#ae5320 rgb(174,83,32)
```
#ae5f20
```
#ae5f20 rgb(174,95,32)
```
#ae6b20
```
#ae6b20 rgb(174,107,32)
```
#ae7720
```
#ae7720 rgb(174,119,32)
```
#ae8320
```
#ae8320 rgb(174,131,32)
```

Similar Colors

Text with hexadecimal color #ae5f20

This text has a font color of #ae5f20.

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

#ae5f20 background color

This paragraph has a background color of #ae5f20.

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

#ae5f20 border color

This element has a border color of #ae5f20.

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

CSS codes

.text {color:#ae5f20;}

.background {background-color:#ae5f20;}

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

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

#080502
```
#080502 rgb(8,5,2)
```
#190e05
```
#190e05 rgb(25,14,5)
```
#291708
```
#291708 rgb(41,23,8)
```
#3a200b
```
#3a200b rgb(58,32,11)
```
#4b290e
```
#4b290e rgb(75,41,14)
```
#5b3211
```
#5b3211 rgb(91,50,17)
```
#6c3b14
```
#6c3b14 rgb(108,59,20)
```
#7c4417
```
#7c4417 rgb(124,68,23)
```
#8d4d1a
```
#8d4d1a rgb(141,77,26)
```
#9d561d
```
#9d561d rgb(157,86,29)
```
#ae5f20
```
#ae5f20 rgb(174,95,32)
```
#bf6823
```
#bf6823 rgb(191,104,35)
```
#cf7126
```
#cf7126 rgb(207,113,38)
```

Shade Color Variation

#d97b30
```
#d97b30 rgb(217,123,48)
```
#dc8540
```
#dc8540 rgb(220,133,64)
```
#df9051
```
#df9051 rgb(223,144,81)
```
#e29b62
```
#e29b62 rgb(226,155,98)
```
#e5a572
```
#e5a572 rgb(229,165,114)
```
#e8b083
```
#e8b083 rgb(232,176,131)
```
#ebba93
```
#ebba93 rgb(235,186,147)
```
#eec5a4
```
#eec5a4 rgb(238,197,164)
```
#f1cfb4
```
#f1cfb4 rgb(241,207,180)
```
#f4dac5
```
#f4dac5 rgb(244,218,197)
```
#f7e5d6
```
#f7e5d6 rgb(247,229,214)
```
#faefe6
```
#faefe6 rgb(250,239,230)
```
#fdfaf7
```
#fdfaf7 rgb(253,250,247)
```

Tint Color Variation

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

#6f665f
```
#6f665f rgb(111,102,95)
```
#776557
```
#776557 rgb(119,101,87)
```
#7e6450
```
#7e6450 rgb(126,100,80)
```
#866348
```
#866348 rgb(134,99,72)
```
#8e6340
```
#8e6340 rgb(142,99,64)
```
#966238
```
#966238 rgb(150,98,56)
```
#9e6130
```
#9e6130 rgb(158,97,48)
```
#a66028
```
#a66028 rgb(166,96,40)
```
#ae5f20
```
#ae5f20 rgb(174,95,32)
```
#b65e18
```
#b65e18 rgb(182,94,24)
```
#be5d10
```
#be5d10 rgb(190,93,16)
```
#c65c08
```
#c65c08 rgb(198,92,8)
```
#ce5b00
```
#ce5b00 rgb(206,91,0)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c6c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a30 Protanopia 1% of men
#987425 Deuteranopia 1% of men
#b56167 Tritanopia 0.001% of the population

Trichromacy

#96702a Protanomaly 1% of men, 0.01% of women
#a06c23 Deuteranomaly 6% of men, 0.4% of women
#b2604d Tritanomaly 0.01% of the population

#ae5f20 hex color

#ae5f20 Color Information

#ae5f20 Color Conversion

Color Schemes with #ae5f20

Alternatives to #ae5f20

#ae5f20 Preview

Shades and Tints of #ae5f20

Tones of #ae5f20

Color Blindness Simulator