#ae5016 hex color

In a RGB color space, hex #ae5016 is composed of 68.2% red, 31.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54% magenta, 87.4% yellow and 31.8% black. It has a hue angle of 22.9 degrees, a saturation of 77.6% and a lightness of 38.4%. #ae5016 color hex could be obtained by blending #ffa02c with #5d0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 68
- G 31
- B 9
RGB color chart
- C 0
- M 54
- Y 87
- K 32
CMYK color chart

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

The hexadecimal color #ae5016 has RGB values of R:174, G:80, B:22 and CMYK values of C:0, M:0.54, Y:0.87, K:0.32. Its decimal value is 11423766.

Hex triplet	ae5016	`#ae5016`
RGB Decimal	174, 80, 22	`rgb(174,80,22)`
RGB Percent	68.2, 31.4, 8.6	`rgb(68.2%,31.4%,8.6%)`
CMYK	0, 54, 87, 32
HSL	22.9°, 77.6, 38.4	`hsl(22.9,77.6%,38.4%)`
HSV (or HSB)	22.9°, 87.4, 68.2
Web Safe	996600	`#996600`

CIE-LAB	45.353, 35.252, 48.658
XYZ	20.47, 14.796, 2.537
xyY	0.541, 0.391, 14.796
CIE-LCH	45.353, 60.086, 54.078
CIE-LUV	45.353, 76.442, 37.896
Hunter-Lab	38.465, 27.676, 23.015
Binary	10101110, 01010000, 00010110

#ae5016
```
#ae5016 rgb(174,80,22)
```
#1674ae
```
#1674ae rgb(22,116,174)
```

Complementary Color

#ae1628
```
#ae1628 rgb(174,22,40)
```
#ae5016
```
#ae5016 rgb(174,80,22)
```
#ae9c16
```
#ae9c16 rgb(174,156,22)
```

Analogous Color

#1628ae
```
#1628ae rgb(22,40,174)
```
#ae5016
```
#ae5016 rgb(174,80,22)
```
#16ae9c
```
#16ae9c rgb(22,174,156)
```

Split Complementary Color

#5016ae
```
#5016ae rgb(80,22,174)
```
#ae5016
```
#ae5016 rgb(174,80,22)
```
#16ae50
```
#16ae50 rgb(22,174,80)
```

Triadic Color

#ae1674
```
#ae1674 rgb(174,22,116)
```
#ae5016
```
#ae5016 rgb(174,80,22)
```
#16ae50
```
#16ae50 rgb(22,174,80)
```
#1674ae
```
#1674ae rgb(22,116,174)
```

Tetradic Color

#6a310d
```
#6a310d rgb(106,49,13)
```
#813b10
```
#813b10 rgb(129,59,16)
```
#974613
```
#974613 rgb(151,70,19)
```
#ae5016
```
#ae5016 rgb(174,80,22)
```
#c55a19
```
#c55a19 rgb(197,90,25)
```
#db651c
```
#db651c rgb(219,101,28)
```
#e4722c
```
#e4722c rgb(228,114,44)
```

Monochromatic Color

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

#ae2a16
```
#ae2a16 rgb(174,42,22)
```
#ae3716
```
#ae3716 rgb(174,55,22)
```
#ae4316
```
#ae4316 rgb(174,67,22)
```
#ae5016
```
#ae5016 rgb(174,80,22)
```
#ae5d16
```
#ae5d16 rgb(174,93,22)
```
#ae6916
```
#ae6916 rgb(174,105,22)
```
#ae7616
```
#ae7616 rgb(174,118,22)
```

Similar Colors

Text with hexadecimal color #ae5016

This text has a font color of #ae5016.

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

#ae5016 background color

This paragraph has a background color of #ae5016.

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

#ae5016 border color

This element has a border color of #ae5016.

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

CSS codes

.text {color:#ae5016;}

.background {background-color:#ae5016;}

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

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

#110802
```
#110802 rgb(17,8,2)
```
#231004
```
#231004 rgb(35,16,4)
```
#341807
```
#341807 rgb(52,24,7)
```
#462009
```
#462009 rgb(70,32,9)
```
#57280b
```
#57280b rgb(87,40,11)
```
#68300d
```
#68300d rgb(104,48,13)
```
#7a380f
```
#7a380f rgb(122,56,15)
```
#8b4012
```
#8b4012 rgb(139,64,18)
```
#9d4814
```
#9d4814 rgb(157,72,20)
```
#ae5016
```
#ae5016 rgb(174,80,22)
```
#bf5818
```
#bf5818 rgb(191,88,24)
```
#d1601a
```
#d1601a rgb(209,96,26)
```
#e2681d
```
#e2681d rgb(226,104,29)
```

Shade Color Variation

#e5742e
```
#e5742e rgb(229,116,46)
```
#e77f3f
```
#e77f3f rgb(231,127,63)
```
#e98b51
```
#e98b51 rgb(233,139,81)
```
#eb9662
```
#eb9662 rgb(235,150,98)
```
#eda274
```
#eda274 rgb(237,162,116)
```
#f0ae85
```
#f0ae85 rgb(240,174,133)
```
#f2b996
```
#f2b996 rgb(242,185,150)
```
#f4c5a8
```
#f4c5a8 rgb(244,197,168)
```
#f6d0b9
```
#f6d0b9 rgb(246,208,185)
```
#f8dccb
```
#f8dccb rgb(248,220,203)
```
#fbe8dc
```
#fbe8dc rgb(251,232,220)
```
#fdf3ed
```
#fdf3ed rgb(253,243,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#636261
```
#636261 rgb(99,98,97)
```
#6a605a
```
#6a605a rgb(106,96,90)
```
#725e52
```
#725e52 rgb(114,94,82)
```
#795c4b
```
#795c4b rgb(121,92,75)
```
#815b43
```
#815b43 rgb(129,91,67)
```
#88593c
```
#88593c rgb(136,89,60)
```
#905734
```
#905734 rgb(144,87,52)
```
#97552d
```
#97552d rgb(151,85,45)
```
#9f5425
```
#9f5425 rgb(159,84,37)
```
#a6521e
```
#a6521e rgb(166,82,30)
```
#ae5016
```
#ae5016 rgb(174,80,22)
```
#b64e0e
```
#b64e0e rgb(182,78,14)
```
#bd4c07
```
#bd4c07 rgb(189,76,7)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#746155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807328 Protanopia 1% of men
#8f6d16 Deuteranopia 1% of men
#b45358 Tritanopia 0.001% of the population

Trichromacy

#906621 Protanomaly 1% of men, 0.01% of women
#9a6216 Deuteranomaly 6% of men, 0.4% of women
#b25240 Tritanomaly 0.01% of the population

#ae5016 hex color

#ae5016 Color Information

#ae5016 Color Conversion

Color Schemes with #ae5016

Alternatives to #ae5016

#ae5016 Preview

Shades and Tints of #ae5016

Tones of #ae5016

Color Blindness Simulator