#ae7420 hex color

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

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

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

The hexadecimal color #ae7420 has RGB values of R:174, G:116, B:32 and CMYK values of C:0, M:0.33, Y:0.82, K:0.32. Its decimal value is 11432992.

Hex triplet	ae7420	`#ae7420`
RGB Decimal	174, 116, 32	`rgb(174,116,32)`
RGB Percent	68.2, 45.5, 12.5	`rgb(68.2%,45.5%,12.5%)`
CMYK	0, 33, 82, 32
HSL	35.5°, 68.9, 40.4	`hsl(35.5,68.9%,40.4%)`
HSV (or HSB)	35.5°, 81.6, 68.2
Web Safe	996633	`#996633`

CIE-LAB	53.595, 15.885, 52.027
XYZ	23.962, 21.595, 4.273
xyY	0.481, 0.433, 21.595
CIE-LCH	53.595, 54.398, 73.021
CIE-LUV	53.595, 47.296, 49.108
Hunter-Lab	46.471, 10.718, 27.078
Binary	10101110, 01110100, 00100000

#ae7420
```
#ae7420 rgb(174,116,32)
```
#205aae
```
#205aae rgb(32,90,174)
```

Complementary Color

#ae2d20
```
#ae2d20 rgb(174,45,32)
```
#ae7420
```
#ae7420 rgb(174,116,32)
```
#a1ae20
```
#a1ae20 rgb(161,174,32)
```

Analogous Color

#2d20ae
```
#2d20ae rgb(45,32,174)
```
#ae7420
```
#ae7420 rgb(174,116,32)
```
#20a1ae
```
#20a1ae rgb(32,161,174)
```

Split Complementary Color

#7420ae
```
#7420ae rgb(116,32,174)
```
#ae7420
```
#ae7420 rgb(174,116,32)
```
#20ae74
```
#20ae74 rgb(32,174,116)
```

Triadic Color

#ae205a
```
#ae205a rgb(174,32,90)
```
#ae7420
```
#ae7420 rgb(174,116,32)
```
#20ae74
```
#20ae74 rgb(32,174,116)
```
#205aae
```
#205aae rgb(32,90,174)
```

Tetradic Color

#6d4914
```
#6d4914 rgb(109,73,20)
```
#835718
```
#835718 rgb(131,87,24)
```
#98661c
```
#98661c rgb(152,102,28)
```
#ae7420
```
#ae7420 rgb(174,116,32)
```
#c48224
```
#c48224 rgb(196,130,36)
```
#d89029
```
#d89029 rgb(216,144,41)
```
#dc9c3f
```
#dc9c3f rgb(220,156,63)
```

Monochromatic Color

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

#ae5120
```
#ae5120 rgb(174,81,32)
```
#ae5c20
```
#ae5c20 rgb(174,92,32)
```
#ae6820
```
#ae6820 rgb(174,104,32)
```
#ae7420
```
#ae7420 rgb(174,116,32)
```
#ae8020
```
#ae8020 rgb(174,128,32)
```
#ae8c20
```
#ae8c20 rgb(174,140,32)
```
#ae9820
```
#ae9820 rgb(174,152,32)
```

Similar Colors

Text with hexadecimal color #ae7420

This text has a font color of #ae7420.

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

#ae7420 background color

This paragraph has a background color of #ae7420.

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

#ae7420 border color

This element has a border color of #ae7420.

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

CSS codes

.text {color:#ae7420;}

.background {background-color:#ae7420;}

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

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

#080602
```
#080602 rgb(8,6,2)
```
#191105
```
#191105 rgb(25,17,5)
```
#291c08
```
#291c08 rgb(41,28,8)
```
#3a270b
```
#3a270b rgb(58,39,11)
```
#4b320e
```
#4b320e rgb(75,50,14)
```
#5b3d11
```
#5b3d11 rgb(91,61,17)
```
#6c4814
```
#6c4814 rgb(108,72,20)
```
#7c5317
```
#7c5317 rgb(124,83,23)
```
#8d5e1a
```
#8d5e1a rgb(141,94,26)
```
#9d691d
```
#9d691d rgb(157,105,29)
```
#ae7420
```
#ae7420 rgb(174,116,32)
```
#bf7f23
```
#bf7f23 rgb(191,127,35)
```
#cf8a26
```
#cf8a26 rgb(207,138,38)
```

Shade Color Variation

#d99430
```
#d99430 rgb(217,148,48)
```
#dc9c40
```
#dc9c40 rgb(220,156,64)
```
#dfa551
```
#dfa551 rgb(223,165,81)
```
#e2ae62
```
#e2ae62 rgb(226,174,98)
```
#e5b672
```
#e5b672 rgb(229,182,114)
```
#e8bf83
```
#e8bf83 rgb(232,191,131)
```
#ebc793
```
#ebc793 rgb(235,199,147)
```
#eed0a4
```
#eed0a4 rgb(238,208,164)
```
#f1d8b4
```
#f1d8b4 rgb(241,216,180)
```
#f4e1c5
```
#f4e1c5 rgb(244,225,197)
```
#f7ead6
```
#f7ead6 rgb(247,234,214)
```
#faf2e6
```
#faf2e6 rgb(250,242,230)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#6f685f
```
#6f685f rgb(111,104,95)
```
#776a57
```
#776a57 rgb(119,106,87)
```
#7e6b50
```
#7e6b50 rgb(126,107,80)
```
#866d48
```
#866d48 rgb(134,109,72)
```
#8e6e40
```
#8e6e40 rgb(142,110,64)
```
#967038
```
#967038 rgb(150,112,56)
```
#9e7130
```
#9e7130 rgb(158,113,48)
```
#a67328
```
#a67328 rgb(166,115,40)
```
#ae7420
```
#ae7420 rgb(174,116,32)
```
#b67518
```
#b67518 rgb(182,117,24)
```
#be7710
```
#be7710 rgb(190,119,16)
```
#c67808
```
#c67808 rgb(198,120,8)
```
#ce7a00
```
#ce7a00 rgb(206,122,0)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#867a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#96862e Protanopia 1% of men
#a78029 Deuteranopia 1% of men
#b7737b Tritanopia 0.001% of the population

Trichromacy

#9e8029 Protanomaly 1% of men, 0.01% of women
#a97b25 Deuteranomaly 6% of men, 0.4% of women
#b3735a Tritanomaly 0.01% of the population

#ae7420 hex color

#ae7420 Color Information

#ae7420 Color Conversion

Color Schemes with #ae7420

Alternatives to #ae7420

#ae7420 Preview

Shades and Tints of #ae7420

Tones of #ae7420

Color Blindness Simulator