#ae6016 hex color

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

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

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

The hexadecimal color #ae6016 has RGB values of R:174, G:96, B:22 and CMYK values of C:0, M:0.45, Y:0.87, K:0.32. Its decimal value is 11427862.

Hex triplet	ae6016	`#ae6016`
RGB Decimal	174, 96, 22	`rgb(174,96,22)`
RGB Percent	68.2, 37.6, 8.6	`rgb(68.2%,37.6%,8.6%)`
CMYK	0, 45, 87, 32
HSL	29.2°, 77.6, 38.4	`hsl(29.2,77.6%,38.4%)`
HSV (or HSB)	29.2°, 87.4, 68.2
Web Safe	996600	`#996600`

CIE-LAB	48.79, 26.719, 51.469
XYZ	21.784, 17.424, 2.975
xyY	0.516, 0.413, 17.424
CIE-LCH	48.79, 57.991, 62.565
CIE-LUV	48.79, 63.743, 43.497
Hunter-Lab	41.742, 20.104, 24.994
Binary	10101110, 01100000, 00010110

#ae6016
```
#ae6016 rgb(174,96,22)
```
#1664ae
```
#1664ae rgb(22,100,174)
```

Complementary Color

#ae1618
```
#ae1618 rgb(174,22,24)
```
#ae6016
```
#ae6016 rgb(174,96,22)
```
#aeac16
```
#aeac16 rgb(174,172,22)
```

Analogous Color

#1618ae
```
#1618ae rgb(22,24,174)
```
#ae6016
```
#ae6016 rgb(174,96,22)
```
#16aeac
```
#16aeac rgb(22,174,172)
```

Split Complementary Color

#6016ae
```
#6016ae rgb(96,22,174)
```
#ae6016
```
#ae6016 rgb(174,96,22)
```
#16ae60
```
#16ae60 rgb(22,174,96)
```

Triadic Color

#ae1664
```
#ae1664 rgb(174,22,100)
```
#ae6016
```
#ae6016 rgb(174,96,22)
```
#16ae60
```
#16ae60 rgb(22,174,96)
```
#1664ae
```
#1664ae rgb(22,100,174)
```

Tetradic Color

#6a3b0d
```
#6a3b0d rgb(106,59,13)
```
#814710
```
#814710 rgb(129,71,16)
```
#975413
```
#975413 rgb(151,84,19)
```
#ae6016
```
#ae6016 rgb(174,96,22)
```
#c56c19
```
#c56c19 rgb(197,108,25)
```
#db791c
```
#db791c rgb(219,121,28)
```
#e4862c
```
#e4862c rgb(228,134,44)
```

Monochromatic Color

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

#ae3a16
```
#ae3a16 rgb(174,58,22)
```
#ae4716
```
#ae4716 rgb(174,71,22)
```
#ae5316
```
#ae5316 rgb(174,83,22)
```
#ae6016
```
#ae6016 rgb(174,96,22)
```
#ae6d16
```
#ae6d16 rgb(174,109,22)
```
#ae7916
```
#ae7916 rgb(174,121,22)
```
#ae8616
```
#ae8616 rgb(174,134,22)
```

Similar Colors

Text with hexadecimal color #ae6016

This text has a font color of #ae6016.

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

#ae6016 background color

This paragraph has a background color of #ae6016.

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

#ae6016 border color

This element has a border color of #ae6016.

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

CSS codes

.text {color:#ae6016;}

.background {background-color:#ae6016;}

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

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

#110a02
```
#110a02 rgb(17,10,2)
```
#231304
```
#231304 rgb(35,19,4)
```
#341d07
```
#341d07 rgb(52,29,7)
```
#462609
```
#462609 rgb(70,38,9)
```
#57300b
```
#57300b rgb(87,48,11)
```
#683a0d
```
#683a0d rgb(104,58,13)
```
#7a430f
```
#7a430f rgb(122,67,15)
```
#8b4d12
```
#8b4d12 rgb(139,77,18)
```
#9d5614
```
#9d5614 rgb(157,86,20)
```
#ae6016
```
#ae6016 rgb(174,96,22)
```
#bf6a18
```
#bf6a18 rgb(191,106,24)
```
#d1731a
```
#d1731a rgb(209,115,26)
```
#e27d1d
```
#e27d1d rgb(226,125,29)
```

Shade Color Variation

#e5872e
```
#e5872e rgb(229,135,46)
```
#e7913f
```
#e7913f rgb(231,145,63)
```
#e99b51
```
#e99b51 rgb(233,155,81)
```
#eba562
```
#eba562 rgb(235,165,98)
```
#edaf74
```
#edaf74 rgb(237,175,116)
```
#f0b985
```
#f0b985 rgb(240,185,133)
```
#f2c396
```
#f2c396 rgb(242,195,150)
```
#f4cda8
```
#f4cda8 rgb(244,205,168)
```
#f6d7b9
```
#f6d7b9 rgb(246,215,185)
```
#f8e1cb
```
#f8e1cb rgb(248,225,203)
```
#fbebdc
```
#fbebdc rgb(251,235,220)
```
#fdf5ed
```
#fdf5ed rgb(253,245,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 #bd6007 is the most saturated one.

#636261
```
#636261 rgb(99,98,97)
```
#6a625a
```
#6a625a rgb(106,98,90)
```
#726252
```
#726252 rgb(114,98,82)
```
#79614b
```
#79614b rgb(121,97,75)
```
#816143
```
#816143 rgb(129,97,67)
```
#88613c
```
#88613c rgb(136,97,60)
```
#906134
```
#906134 rgb(144,97,52)
```
#97612d
```
#97612d rgb(151,97,45)
```
#9f6025
```
#9f6025 rgb(159,96,37)
```
#a6601e
```
#a6601e rgb(166,96,30)
```
#ae6016
```
#ae6016 rgb(174,96,22)
```
#b6600e
```
#b6600e rgb(182,96,14)
```
#bd6007
```
#bd6007 rgb(189,96,7)
```

Tone Color Variation

Below, you can see how #ae6016 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
#7c6c5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b27 Protanopia 1% of men
#99751a Deuteranopia 1% of men
#b56168 Tritanopia 0.001% of the population

Trichromacy

#967120 Protanomaly 1% of men, 0.01% of women
#a16d18 Deuteranomaly 6% of men, 0.4% of women
#b2614a Tritanomaly 0.01% of the population

#ae6016 hex color

#ae6016 Color Information

#ae6016 Color Conversion

Color Schemes with #ae6016

Alternatives to #ae6016

#ae6016 Preview

Shades and Tints of #ae6016

Tones of #ae6016

Color Blindness Simulator