#ae6c14 hex color

In a RGB color space, hex #ae6c14 is composed of 68.2% red, 42.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.9% magenta, 88.5% yellow and 31.8% black. It has a hue angle of 34.3 degrees, a saturation of 79.4% and a lightness of 38%. #ae6c14 color hex could be obtained by blending #ffd828 with #5d0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 68
- G 42
- B 8
RGB color chart
- C 0
- M 38
- Y 89
- K 32
CMYK color chart

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

The hexadecimal color #ae6c14 has RGB values of R:174, G:108, B:20 and CMYK values of C:0, M:0.38, Y:0.89, K:0.32. Its decimal value is 11430932.

Hex triplet	ae6c14	`#ae6c14`
RGB Decimal	174, 108, 20	`rgb(174,108,20)`
RGB Percent	68.2, 42.4, 7.8	`rgb(68.2%,42.4%,7.8%)`
CMYK	0, 38, 89, 32
HSL	34.3°, 79.4, 38	`hsl(34.3,79.4%,38%)`
HSV (or HSB)	34.3°, 88.5, 68.2
Web Safe	996600	`#996600`

CIE-LAB	51.583, 20.023, 54.352
XYZ	22.945, 19.776, 3.271
xyY	0.499, 0.43, 19.776
CIE-LCH	51.583, 57.923, 69.776
CIE-LUV	51.583, 54.177, 48.28
Hunter-Lab	44.47, 14.277, 26.769
Binary	10101110, 01101100, 00010100

#ae6c14
```
#ae6c14 rgb(174,108,20)
```
#1456ae
```
#1456ae rgb(20,86,174)
```

Complementary Color

#ae1f14
```
#ae1f14 rgb(174,31,20)
```
#ae6c14
```
#ae6c14 rgb(174,108,20)
```
#a3ae14
```
#a3ae14 rgb(163,174,20)
```

Analogous Color

#1f14ae
```
#1f14ae rgb(31,20,174)
```
#ae6c14
```
#ae6c14 rgb(174,108,20)
```
#14a3ae
```
#14a3ae rgb(20,163,174)
```

Split Complementary Color

#6c14ae
```
#6c14ae rgb(108,20,174)
```
#ae6c14
```
#ae6c14 rgb(174,108,20)
```
#14ae6c
```
#14ae6c rgb(20,174,108)
```

Triadic Color

#ae1456
```
#ae1456 rgb(174,20,86)
```
#ae6c14
```
#ae6c14 rgb(174,108,20)
```
#14ae6c
```
#14ae6c rgb(20,174,108)
```
#1456ae
```
#1456ae rgb(20,86,174)
```

Tetradic Color

#69410c
```
#69410c rgb(105,65,12)
```
#80500f
```
#80500f rgb(128,80,15)
```
#975e11
```
#975e11 rgb(151,94,17)
```
#ae6c14
```
#ae6c14 rgb(174,108,20)
```
#c57a17
```
#c57a17 rgb(197,122,23)
```
#dc8819
```
#dc8819 rgb(220,136,25)
```
#e69528
```
#e69528 rgb(230,149,40)
```

Monochromatic Color

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

#ae4614
```
#ae4614 rgb(174,70,20)
```
#ae5214
```
#ae5214 rgb(174,82,20)
```
#ae5f14
```
#ae5f14 rgb(174,95,20)
```
#ae6c14
```
#ae6c14 rgb(174,108,20)
```
#ae7914
```
#ae7914 rgb(174,121,20)
```
#ae8614
```
#ae8614 rgb(174,134,20)
```
#ae9314
```
#ae9314 rgb(174,147,20)
```

Similar Colors

Text with hexadecimal color #ae6c14

This text has a font color of #ae6c14.

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

#ae6c14 background color

This paragraph has a background color of #ae6c14.

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

#ae6c14 border color

This element has a border color of #ae6c14.

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

CSS codes

.text {color:#ae6c14;}

.background {background-color:#ae6c14;}

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

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

#100a02
```
#100a02 rgb(16,10,2)
```
#211504
```
#211504 rgb(33,21,4)
```
#332006
```
#332006 rgb(51,32,6)
```
#442a08
```
#442a08 rgb(68,42,8)
```
#56350a
```
#56350a rgb(86,53,10)
```
#68400c
```
#68400c rgb(104,64,12)
```
#794b0e
```
#794b0e rgb(121,75,14)
```
#8b5610
```
#8b5610 rgb(139,86,16)
```
#9c6112
```
#9c6112 rgb(156,97,18)
```
#ae6c14
```
#ae6c14 rgb(174,108,20)
```
#c07716
```
#c07716 rgb(192,119,22)
```
#d18218
```
#d18218 rgb(209,130,24)
```
#e38d1a
```
#e38d1a rgb(227,141,26)
```

Shade Color Variation

#e7962a
```
#e7962a rgb(231,150,42)
```
#e99e3c
```
#e99e3c rgb(233,158,60)
```
#eba74d
```
#eba74d rgb(235,167,77)
```
#edb05f
```
#edb05f rgb(237,176,95)
```
#efb870
```
#efb870 rgb(239,184,112)
```
#f1c182
```
#f1c182 rgb(241,193,130)
```
#f3ca94
```
#f3ca94 rgb(243,202,148)
```
#f5d3a5
```
#f5d3a5 rgb(245,211,165)
```
#f7dbb7
```
#f7dbb7 rgb(247,219,183)
```
#f9e4c8
```
#f9e4c8 rgb(249,228,200)
```
#fbedda
```
#fbedda rgb(251,237,218)
```
#fdf5eb
```
#fdf5eb rgb(253,245,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#63615f
```
#63615f rgb(99,97,95)
```
#6b6257
```
#6b6257 rgb(107,98,87)
```
#726350
```
#726350 rgb(114,99,80)
```
#7a6548
```
#7a6548 rgb(122,101,72)
```
#816641
```
#816641 rgb(129,102,65)
```
#896739
```
#896739 rgb(137,103,57)
```
#906832
```
#906832 rgb(144,104,50)
```
#98692a
```
#98692a rgb(152,105,42)
```
#9f6a23
```
#9f6a23 rgb(159,106,35)
```
#a76b1b
```
#a76b1b rgb(167,107,27)
```
#ae6c14
```
#ae6c14 rgb(174,108,20)
```
#b56d0d
```
#b56d0d rgb(181,109,13)
```
#bd6e05
```
#bd6e05 rgb(189,110,5)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#817462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918224 Protanopia 1% of men
#a27b1a Deuteranopia 1% of men
#b66c73 Tritanopia 0.001% of the population

Trichromacy

#9b7a1e Protanomaly 1% of men, 0.01% of women
#a67518 Deuteranomaly 6% of men, 0.4% of women
#b36c50 Tritanomaly 0.01% of the population

#ae6c14 hex color

#ae6c14 Color Information

#ae6c14 Color Conversion

Color Schemes with #ae6c14

Alternatives to #ae6c14

#ae6c14 Preview

Shades and Tints of #ae6c14

Tones of #ae6c14

Color Blindness Simulator