#ae6416 hex color

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

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

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

The hexadecimal color #ae6416 has RGB values of R:174, G:100, B:22 and CMYK values of C:0, M:0.43, Y:0.87, K:0.32. Its decimal value is 11428886.

Hex triplet	ae6416	`#ae6416`
RGB Decimal	174, 100, 22	`rgb(174,100,22)`
RGB Percent	68.2, 39.2, 8.6	`rgb(68.2%,39.2%,8.6%)`
CMYK	0, 43, 87, 32
HSL	30.8°, 77.6, 38.4	`hsl(30.8,77.6%,38.4%)`
HSV (or HSB)	30.8°, 87.4, 68.2
Web Safe	996600	`#996600`

CIE-LAB	49.705, 24.518, 52.215
XYZ	22.158, 18.173, 3.1
xyY	0.51, 0.418, 18.173
CIE-LCH	49.705, 57.685, 64.847
CIE-LUV	49.705, 60.526, 44.964
Hunter-Lab	42.63, 18.18, 25.529
Binary	10101110, 01100100, 00010110

#ae6416
```
#ae6416 rgb(174,100,22)
```
#1660ae
```
#1660ae rgb(22,96,174)
```

Complementary Color

#ae1816
```
#ae1816 rgb(174,24,22)
```
#ae6416
```
#ae6416 rgb(174,100,22)
```
#acae16
```
#acae16 rgb(172,174,22)
```

Analogous Color

#1816ae
```
#1816ae rgb(24,22,174)
```
#ae6416
```
#ae6416 rgb(174,100,22)
```
#16acae
```
#16acae rgb(22,172,174)
```

Split Complementary Color

#6416ae
```
#6416ae rgb(100,22,174)
```
#ae6416
```
#ae6416 rgb(174,100,22)
```
#16ae64
```
#16ae64 rgb(22,174,100)
```

Triadic Color

#ae1660
```
#ae1660 rgb(174,22,96)
```
#ae6416
```
#ae6416 rgb(174,100,22)
```
#16ae64
```
#16ae64 rgb(22,174,100)
```
#1660ae
```
#1660ae rgb(22,96,174)
```

Tetradic Color

#6a3d0d
```
#6a3d0d rgb(106,61,13)
```
#814a10
```
#814a10 rgb(129,74,16)
```
#975713
```
#975713 rgb(151,87,19)
```
#ae6416
```
#ae6416 rgb(174,100,22)
```
#c57119
```
#c57119 rgb(197,113,25)
```
#db7e1c
```
#db7e1c rgb(219,126,28)
```
#e48b2c
```
#e48b2c rgb(228,139,44)
```

Monochromatic Color

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

#ae3e16
```
#ae3e16 rgb(174,62,22)
```
#ae4b16
```
#ae4b16 rgb(174,75,22)
```
#ae5716
```
#ae5716 rgb(174,87,22)
```
#ae6416
```
#ae6416 rgb(174,100,22)
```
#ae7116
```
#ae7116 rgb(174,113,22)
```
#ae7d16
```
#ae7d16 rgb(174,125,22)
```
#ae8a16
```
#ae8a16 rgb(174,138,22)
```

Similar Colors

Text with hexadecimal color #ae6416

This text has a font color of #ae6416.

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

#ae6416 background color

This paragraph has a background color of #ae6416.

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

#ae6416 border color

This element has a border color of #ae6416.

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

CSS codes

.text {color:#ae6416;}

.background {background-color:#ae6416;}

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

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)
```
#231404
```
#231404 rgb(35,20,4)
```
#341e07
```
#341e07 rgb(52,30,7)
```
#462809
```
#462809 rgb(70,40,9)
```
#57320b
```
#57320b rgb(87,50,11)
```
#683c0d
```
#683c0d rgb(104,60,13)
```
#7a460f
```
#7a460f rgb(122,70,15)
```
#8b5012
```
#8b5012 rgb(139,80,18)
```
#9d5a14
```
#9d5a14 rgb(157,90,20)
```
#ae6416
```
#ae6416 rgb(174,100,22)
```
#bf6e18
```
#bf6e18 rgb(191,110,24)
```
#d1781a
```
#d1781a rgb(209,120,26)
```
#e2821d
```
#e2821d rgb(226,130,29)
```

Shade Color Variation

#e58c2e
```
#e58c2e rgb(229,140,46)
```
#e7953f
```
#e7953f rgb(231,149,63)
```
#e99f51
```
#e99f51 rgb(233,159,81)
```
#eba862
```
#eba862 rgb(235,168,98)
```
#edb274
```
#edb274 rgb(237,178,116)
```
#f0bc85
```
#f0bc85 rgb(240,188,133)
```
#f2c596
```
#f2c596 rgb(242,197,150)
```
#f4cfa8
```
#f4cfa8 rgb(244,207,168)
```
#f6d8b9
```
#f6d8b9 rgb(246,216,185)
```
#f8e2cb
```
#f8e2cb rgb(248,226,203)
```
#fbecdc
```
#fbecdc rgb(251,236,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 #bd6407 is the most saturated one.

#636261
```
#636261 rgb(99,98,97)
```
#6a625a
```
#6a625a rgb(106,98,90)
```
#726252
```
#726252 rgb(114,98,82)
```
#79634b
```
#79634b rgb(121,99,75)
```
#816343
```
#816343 rgb(129,99,67)
```
#88633c
```
#88633c rgb(136,99,60)
```
#906334
```
#906334 rgb(144,99,52)
```
#97632d
```
#97632d rgb(151,99,45)
```
#9f6425
```
#9f6425 rgb(159,100,37)
```
#a6641e
```
#a6641e rgb(166,100,30)
```
#ae6416
```
#ae6416 rgb(174,100,22)
```
#b6640e
```
#b6640e rgb(182,100,14)
```
#bd6407
```
#bd6407 rgb(189,100,7)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7d6e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d26 Protanopia 1% of men
#9c771b Deuteranopia 1% of men
#b5656b Tritanopia 0.001% of the population

Trichromacy

#987420 Protanomaly 1% of men, 0.01% of women
#a27019 Deuteranomaly 6% of men, 0.4% of women
#b2644c Tritanomaly 0.01% of the population

#ae6416 hex color

#ae6416 Color Information

#ae6416 Color Conversion

Color Schemes with #ae6416

Alternatives to #ae6416

#ae6416 Preview

Shades and Tints of #ae6416

Tones of #ae6416

Color Blindness Simulator