#ae6316 hex color

In a RGB color space, hex #ae6316 is composed of 68.2% red, 38.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.1% magenta, 87.4% yellow and 31.8% black. It has a hue angle of 30.4 degrees, a saturation of 77.6% and a lightness of 38.4%. #ae6316 color hex could be obtained by blending #ffc62c 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

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

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

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

CIE-LAB	49.474, 25.07, 52.027
XYZ	22.063, 17.982, 3.068
xyY	0.512, 0.417, 17.982
CIE-LCH	49.474, 57.752, 64.272
CIE-LUV	49.474, 61.33, 44.595
Hunter-Lab	42.405, 18.662, 25.394
Binary	10101110, 01100011, 00010110

#ae6316
```
#ae6316 rgb(174,99,22)
```
#1661ae
```
#1661ae rgb(22,97,174)
```

Complementary Color

#ae1716
```
#ae1716 rgb(174,23,22)
```
#ae6316
```
#ae6316 rgb(174,99,22)
```
#adae16
```
#adae16 rgb(173,174,22)
```

Analogous Color

#1716ae
```
#1716ae rgb(23,22,174)
```
#ae6316
```
#ae6316 rgb(174,99,22)
```
#16adae
```
#16adae rgb(22,173,174)
```

Split Complementary Color

#6316ae
```
#6316ae rgb(99,22,174)
```
#ae6316
```
#ae6316 rgb(174,99,22)
```
#16ae63
```
#16ae63 rgb(22,174,99)
```

Triadic Color

#ae1661
```
#ae1661 rgb(174,22,97)
```
#ae6316
```
#ae6316 rgb(174,99,22)
```
#16ae63
```
#16ae63 rgb(22,174,99)
```
#1661ae
```
#1661ae rgb(22,97,174)
```

Tetradic Color

#6a3c0d
```
#6a3c0d rgb(106,60,13)
```
#814910
```
#814910 rgb(129,73,16)
```
#975613
```
#975613 rgb(151,86,19)
```
#ae6316
```
#ae6316 rgb(174,99,22)
```
#c57019
```
#c57019 rgb(197,112,25)
```
#db7d1c
```
#db7d1c rgb(219,125,28)
```
#e4892c
```
#e4892c rgb(228,137,44)
```

Monochromatic Color

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

#ae3d16
```
#ae3d16 rgb(174,61,22)
```
#ae4a16
```
#ae4a16 rgb(174,74,22)
```
#ae5616
```
#ae5616 rgb(174,86,22)
```
#ae6316
```
#ae6316 rgb(174,99,22)
```
#ae7016
```
#ae7016 rgb(174,112,22)
```
#ae7c16
```
#ae7c16 rgb(174,124,22)
```
#ae8916
```
#ae8916 rgb(174,137,22)
```

Similar Colors

Text with hexadecimal color #ae6316

This text has a font color of #ae6316.

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

#ae6316 background color

This paragraph has a background color of #ae6316.

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

#ae6316 border color

This element has a border color of #ae6316.

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

CSS codes

.text {color:#ae6316;}

.background {background-color:#ae6316;}

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

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)
```
#57310b
```
#57310b rgb(87,49,11)
```
#683b0d
```
#683b0d rgb(104,59,13)
```
#7a450f
```
#7a450f rgb(122,69,15)
```
#8b4f12
```
#8b4f12 rgb(139,79,18)
```
#9d5914
```
#9d5914 rgb(157,89,20)
```
#ae6316
```
#ae6316 rgb(174,99,22)
```
#bf6d18
```
#bf6d18 rgb(191,109,24)
```
#d1771a
```
#d1771a rgb(209,119,26)
```
#e2811d
```
#e2811d rgb(226,129,29)
```

Shade Color Variation

#e58a2e
```
#e58a2e rgb(229,138,46)
```
#e7943f
```
#e7943f rgb(231,148,63)
```
#e99e51
```
#e99e51 rgb(233,158,81)
```
#eba862
```
#eba862 rgb(235,168,98)
```
#edb174
```
#edb174 rgb(237,177,116)
```
#f0bb85
```
#f0bb85 rgb(240,187,133)
```
#f2c596
```
#f2c596 rgb(242,197,150)
```
#f4cea8
```
#f4cea8 rgb(244,206,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 #bd6307 is the most saturated one.

#636261
```
#636261 rgb(99,98,97)
```
#6a625a
```
#6a625a rgb(106,98,90)
```
#726252
```
#726252 rgb(114,98,82)
```
#79624b
```
#79624b rgb(121,98,75)
```
#816243
```
#816243 rgb(129,98,67)
```
#88633c
```
#88633c rgb(136,99,60)
```
#906334
```
#906334 rgb(144,99,52)
```
#97632d
```
#97632d rgb(151,99,45)
```
#9f6325
```
#9f6325 rgb(159,99,37)
```
#a6631e
```
#a6631e rgb(166,99,30)
```
#ae6316
```
#ae6316 rgb(174,99,22)
```
#b6630e
```
#b6630e rgb(182,99,14)
```
#bd6307
```
#bd6307 rgb(189,99,7)
```

Tone Color Variation

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

#8b7c26 Protanopia 1% of men
#9b761b Deuteranopia 1% of men
#b5646b Tritanopia 0.001% of the population

Trichromacy

#977320 Protanomaly 1% of men, 0.01% of women
#a26f19 Deuteranomaly 6% of men, 0.4% of women
#b2634c Tritanomaly 0.01% of the population

#ae6316 hex color

#ae6316 Color Information

#ae6316 Color Conversion

Color Schemes with #ae6316

Alternatives to #ae6316

#ae6316 Preview

Shades and Tints of #ae6316

Tones of #ae6316

Color Blindness Simulator