colorhexa.com

#ae5a20 hex color

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

- R 68
- G 35
- B 13
RGB color chart
- C 0
- M 48
- Y 82
- K 32
CMYK color chart

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

The hexadecimal color #ae5a20 has RGB values of R:174, G:90, B:32 and CMYK values of C:0, M:0.48, Y:0.82, K:0.32. Its decimal value is 11426336.

Hex triplet	ae5a20	`#ae5a20`
RGB Decimal	174, 90, 32	`rgb(174,90,32)`
RGB Percent	68.2, 35.3, 12.5	`rgb(68.2%,35.3%,12.5%)`
CMYK	0, 48, 82, 32
HSL	24.5°, 68.9, 40.4	`hsl(24.5,68.9%,40.4%)`
HSV (or HSB)	24.5°, 81.6, 68.2
Web Safe	996633	`#996633`

CIE-LAB	47.517, 30.271, 46.472
XYZ	21.373, 16.417, 3.41
xyY	0.519, 0.398, 16.417
CIE-LCH	47.517, 55.461, 56.921
CIE-LUV	47.517, 67.852, 39.178
Hunter-Lab	40.518, 23.251, 23.373
Binary	10101110, 01011010, 00100000

#ae5a20
```
#ae5a20 rgb(174,90,32)
```
#2074ae
```
#2074ae rgb(32,116,174)
```

Complementary Color

#ae202d
```
#ae202d rgb(174,32,45)
```
#ae5a20
```
#ae5a20 rgb(174,90,32)
```
#aea120
```
#aea120 rgb(174,161,32)
```

Analogous Color

#202dae
```
#202dae rgb(32,45,174)
```
#ae5a20
```
#ae5a20 rgb(174,90,32)
```
#20aea1
```
#20aea1 rgb(32,174,161)
```

Split Complementary Color

#5a20ae
```
#5a20ae rgb(90,32,174)
```
#ae5a20
```
#ae5a20 rgb(174,90,32)
```
#20ae5a
```
#20ae5a rgb(32,174,90)
```

Triadic Color

#ae2074
```
#ae2074 rgb(174,32,116)
```
#ae5a20
```
#ae5a20 rgb(174,90,32)
```
#20ae5a
```
#20ae5a rgb(32,174,90)
```
#2074ae
```
#2074ae rgb(32,116,174)
```

Tetradic Color

#6d3914
```
#6d3914 rgb(109,57,20)
```
#834418
```
#834418 rgb(131,68,24)
```
#984f1c
```
#984f1c rgb(152,79,28)
```
#ae5a20
```
#ae5a20 rgb(174,90,32)
```
#c46524
```
#c46524 rgb(196,101,36)
```
#d87129
```
#d87129 rgb(216,113,41)
```
#dc7f3f
```
#dc7f3f rgb(220,127,63)
```

Monochromatic Color

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

#ae3620
```
#ae3620 rgb(174,54,32)
```
#ae4220
```
#ae4220 rgb(174,66,32)
```
#ae4e20
```
#ae4e20 rgb(174,78,32)
```
#ae5a20
```
#ae5a20 rgb(174,90,32)
```
#ae6620
```
#ae6620 rgb(174,102,32)
```
#ae7220
```
#ae7220 rgb(174,114,32)
```
#ae7e20
```
#ae7e20 rgb(174,126,32)
```

Similar Colors

Text with hexadecimal color #ae5a20

This text has a font color of #ae5a20.

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

#ae5a20 background color

This paragraph has a background color of #ae5a20.

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

#ae5a20 border color

This element has a border color of #ae5a20.

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

CSS codes

.text {color:#ae5a20;}

.background {background-color:#ae5a20;}

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

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

#080402
```
#080402 rgb(8,4,2)
```
#190d05
```
#190d05 rgb(25,13,5)
```
#291508
```
#291508 rgb(41,21,8)
```
#3a1e0b
```
#3a1e0b rgb(58,30,11)
```
#4b270e
```
#4b270e rgb(75,39,14)
```
#5b2f11
```
#5b2f11 rgb(91,47,17)
```
#6c3814
```
#6c3814 rgb(108,56,20)
```
#7c4017
```
#7c4017 rgb(124,64,23)
```
#8d491a
```
#8d491a rgb(141,73,26)
```
#9d511d
```
#9d511d rgb(157,81,29)
```
#ae5a20
```
#ae5a20 rgb(174,90,32)
```
#bf6323
```
#bf6323 rgb(191,99,35)
```
#cf6b26
```
#cf6b26 rgb(207,107,38)
```

Shade Color Variation

#d97530
```
#d97530 rgb(217,117,48)
```
#dc8040
```
#dc8040 rgb(220,128,64)
```
#df8b51
```
#df8b51 rgb(223,139,81)
```
#e29662
```
#e29662 rgb(226,150,98)
```
#e5a172
```
#e5a172 rgb(229,161,114)
```
#e8ac83
```
#e8ac83 rgb(232,172,131)
```
#ebb793
```
#ebb793 rgb(235,183,147)
```
#eec2a4
```
#eec2a4 rgb(238,194,164)
```
#f1cdb4
```
#f1cdb4 rgb(241,205,180)
```
#f4d8c5
```
#f4d8c5 rgb(244,216,197)
```
#f7e3d6
```
#f7e3d6 rgb(247,227,214)
```
#faeee6
```
#faeee6 rgb(250,238,230)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,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 #ce5400 is the most saturated one.

#6f665f
```
#6f665f rgb(111,102,95)
```
#776457
```
#776457 rgb(119,100,87)
```
#7e6350
```
#7e6350 rgb(126,99,80)
```
#866148
```
#866148 rgb(134,97,72)
```
#8e6040
```
#8e6040 rgb(142,96,64)
```
#965e38
```
#965e38 rgb(150,94,56)
```
#9e5d30
```
#9e5d30 rgb(158,93,48)
```
#a65b28
```
#a65b28 rgb(166,91,40)
```
#ae5a20
```
#ae5a20 rgb(174,90,32)
```
#b65918
```
#b65918 rgb(182,89,24)
```
#be5710
```
#be5710 rgb(190,87,16)
```
#c65608
```
#c65608 rgb(198,86,8)
```
#ce5400
```
#ce5400 rgb(206,84,0)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7a695e Atypical Achromatopsia 0.001% of the population

Dichromacy

#857831 Protanopia 1% of men
#957225 Deuteranopia 1% of men
#b45c62 Tritanopia 0.001% of the population

Trichromacy

#946d2b Protanomaly 1% of men, 0.01% of women
#9e6923 Deuteranomaly 6% of men, 0.4% of women
#b25b4a Tritanomaly 0.01% of the population