#ae660d hex color

In a RGB color space, hex #ae660d is composed of 68.2% red, 40% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.4% magenta, 92.5% yellow and 31.8% black. It has a hue angle of 33.2 degrees, a saturation of 86.1% and a lightness of 36.7%. #ae660d color hex could be obtained by blending #ffcc1a with #5d0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 68
- G 40
- B 5
RGB color chart
- C 0
- M 41
- Y 93
- K 32
CMYK color chart

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

The hexadecimal color #ae660d has RGB values of R:174, G:102, B:13 and CMYK values of C:0, M:0.41, Y:0.93, K:0.32. Its decimal value is 11429389.

Hex triplet	ae660d	`#ae660d`
RGB Decimal	174, 102, 13	`rgb(174,102,13)`
RGB Percent	68.2, 40, 5.1	`rgb(68.2%,40%,5.1%)`
CMYK	0, 41, 93, 32
HSL	33.2°, 86.1, 36.7	`hsl(33.2,86.1%,36.7%)`
HSV (or HSB)	33.2°, 92.5, 68.2
Web Safe	996600	`#996600`

CIE-LAB	50.135, 23.227, 55.103
XYZ	22.28, 18.532, 2.785
xyY	0.511, 0.425, 18.532
CIE-LCH	50.135, 59.798, 67.144
CIE-LUV	50.135, 59.268, 46.996
Hunter-Lab	43.049, 17.048, 26.299
Binary	10101110, 01100110, 00001101

#ae660d
```
#ae660d rgb(174,102,13)
```
#0d55ae
```
#0d55ae rgb(13,85,174)
```

Complementary Color

#ae160d
```
#ae160d rgb(174,22,13)
```
#ae660d
```
#ae660d rgb(174,102,13)
```
#a6ae0d
```
#a6ae0d rgb(166,174,13)
```

Analogous Color

#160dae
```
#160dae rgb(22,13,174)
```
#ae660d
```
#ae660d rgb(174,102,13)
```
#0da6ae
```
#0da6ae rgb(13,166,174)
```

Split Complementary Color

#660dae
```
#660dae rgb(102,13,174)
```
#ae660d
```
#ae660d rgb(174,102,13)
```
#0dae66
```
#0dae66 rgb(13,174,102)
```

Triadic Color

#ae0d55
```
#ae0d55 rgb(174,13,85)
```
#ae660d
```
#ae660d rgb(174,102,13)
```
#0dae66
```
#0dae66 rgb(13,174,102)
```
#0d55ae
```
#0d55ae rgb(13,85,174)
```

Tetradic Color

#673c08
```
#673c08 rgb(103,60,8)
```
#7f4a09
```
#7f4a09 rgb(127,74,9)
```
#96580b
```
#96580b rgb(150,88,11)
```
#ae660d
```
#ae660d rgb(174,102,13)
```
#c6740f
```
#c6740f rgb(198,116,15)
```
#dd8211
```
#dd8211 rgb(221,130,17)
```
#ee8f1a
```
#ee8f1a rgb(238,143,26)
```

Monochromatic Color

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

#ae3e0d
```
#ae3e0d rgb(174,62,13)
```
#ae4b0d
```
#ae4b0d rgb(174,75,13)
```
#ae590d
```
#ae590d rgb(174,89,13)
```
#ae660d
```
#ae660d rgb(174,102,13)
```
#ae730d
```
#ae730d rgb(174,115,13)
```
#ae810d
```
#ae810d rgb(174,129,13)
```
#ae8e0d
```
#ae8e0d rgb(174,142,13)
```

Similar Colors

Text with hexadecimal color #ae660d

This text has a font color of #ae660d.

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

#ae660d background color

This paragraph has a background color of #ae660d.

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

#ae660d border color

This element has a border color of #ae660d.

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

CSS codes

.text {color:#ae660d;}

.background {background-color:#ae660d;}

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

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, #0a0601 is the darkest color, while #fefbf6 is the lightest one.

#0a0601
```
#0a0601 rgb(10,6,1)
```
#1c1002
```
#1c1002 rgb(28,16,2)
```
#2e1b03
```
#2e1b03 rgb(46,27,3)
```
#402605
```
#402605 rgb(64,38,5)
```
#533106
```
#533106 rgb(83,49,6)
```
#653b08
```
#653b08 rgb(101,59,8)
```
#774609
```
#774609 rgb(119,70,9)
```
#89510a
```
#89510a rgb(137,81,10)
```
#9c5b0c
```
#9c5b0c rgb(156,91,12)
```
#ae660d
```
#ae660d rgb(174,102,13)
```
#c0710e
```
#c0710e rgb(192,113,14)
```
#d37b10
```
#d37b10 rgb(211,123,16)
```
#e58611
```
#e58611 rgb(229,134,17)
```

Shade Color Variation

#ee901b
```
#ee901b rgb(238,144,27)
```
#ef992e
```
#ef992e rgb(239,153,46)
```
#f1a240
```
#f1a240 rgb(241,162,64)
```
#f2ab52
```
#f2ab52 rgb(242,171,82)
```
#f3b464
```
#f3b464 rgb(243,180,100)
```
#f5bc77
```
#f5bc77 rgb(245,188,119)
```
#f6c589
```
#f6c589 rgb(246,197,137)
```
#f8ce9b
```
#f8ce9b rgb(248,206,155)
```
#f9d7ad
```
#f9d7ad rgb(249,215,173)
```
#fae0c0
```
#fae0c0 rgb(250,224,192)
```
#fce9d2
```
#fce9d2 rgb(252,233,210)
```
#fdf2e4
```
#fdf2e4 rgb(253,242,228)
```
#fefbf6
```
#fefbf6 rgb(254,251,246)
```

Tint Color Variation

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

#5f5e5c
```
#5f5e5c rgb(95,94,92)
```
#665e55
```
#665e55 rgb(102,94,85)
```
#6d5f4e
```
#6d5f4e rgb(109,95,78)
```
#746047
```
#746047 rgb(116,96,71)
```
#7c613f
```
#7c613f rgb(124,97,63)
```
#836138
```
#836138 rgb(131,97,56)
```
#8a6231
```
#8a6231 rgb(138,98,49)
```
#91632a
```
#91632a rgb(145,99,42)
```
#986423
```
#986423 rgb(152,100,35)
```
#a0641b
```
#a0641b rgb(160,100,27)
```
#a76514
```
#a76514 rgb(167,101,20)
```
#ae660d
```
#ae660d rgb(174,102,13)
```
#b56706
```
#b56706 rgb(181,103,6)
```

Tone Color Variation

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

Dichromacy

#8d7e1e Protanopia 1% of men
#9e780e Deuteranopia 1% of men
#b6666d Tritanopia 0.001% of the population

Trichromacy

#997517 Protanomaly 1% of men, 0.01% of women
#a3710e Deuteranomaly 6% of men, 0.4% of women
#b3664a Tritanomaly 0.01% of the population

#ae660d hex color

#ae660d Color Information

#ae660d Color Conversion

Color Schemes with #ae660d

Alternatives to #ae660d

#ae660d Preview

Shades and Tints of #ae660d

Tones of #ae660d

Color Blindness Simulator