#ae682f hex color

In a RGB color space, hex #ae682f is composed of 68.2% red, 40.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 73% yellow and 31.8% black. It has a hue angle of 26.9 degrees, a saturation of 57.5% and a lightness of 43.3%. #ae682f color hex could be obtained by blending #ffd05e with #5d0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #ae682f has RGB values of R:174, G:104, B:47 and CMYK values of C:0, M:0.4, Y:0.73, K:0.32. Its decimal value is 11429935.

Hex triplet	ae682f	`#ae682f`
RGB Decimal	174, 104, 47	`rgb(174,104,47)`
RGB Percent	68.2, 40.8, 18.4	`rgb(68.2%,40.8%,18.4%)`
CMYK	0, 40, 73, 32
HSL	26.9°, 57.5, 43.3	`hsl(26.9,57.5%,43.3%)`
HSV (or HSB)	26.9°, 73, 68.2
Web Safe	996633	`#996633`

CIE-LAB	50.811, 23.234, 42.769
XYZ	22.92, 19.106, 5.17
xyY	0.486, 0.405, 19.106
CIE-LCH	50.811, 48.673, 61.487
CIE-LUV	50.811, 55.636, 40.11
Hunter-Lab	43.711, 17.102, 23.585
Binary	10101110, 01101000, 00101111

#ae682f
```
#ae682f rgb(174,104,47)
```
#2f75ae
```
#2f75ae rgb(47,117,174)
```

Complementary Color

#ae2f36
```
#ae2f36 rgb(174,47,54)
```
#ae682f
```
#ae682f rgb(174,104,47)
```
#aea82f
```
#aea82f rgb(174,168,47)
```

Analogous Color

#2f36ae
```
#2f36ae rgb(47,54,174)
```
#ae682f
```
#ae682f rgb(174,104,47)
```
#2faea8
```
#2faea8 rgb(47,174,168)
```

Split Complementary Color

#682fae
```
#682fae rgb(104,47,174)
```
#ae682f
```
#ae682f rgb(174,104,47)
```
#2fae68
```
#2fae68 rgb(47,174,104)
```

Triadic Color

#ae2f75
```
#ae2f75 rgb(174,47,117)
```
#ae682f
```
#ae682f rgb(174,104,47)
```
#2fae68
```
#2fae68 rgb(47,174,104)
```
#2f75ae
```
#2f75ae rgb(47,117,174)
```

Tetradic Color

#72441f
```
#72441f rgb(114,68,31)
```
#865024
```
#865024 rgb(134,80,36)
```
#9a5c2a
```
#9a5c2a rgb(154,92,42)
```
#ae682f
```
#ae682f rgb(174,104,47)
```
#c27434
```
#c27434 rgb(194,116,52)
```
#cc8144
```
#cc8144 rgb(204,129,68)
```
#d28f58
```
#d28f58 rgb(210,143,88)
```

Monochromatic Color

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

#ae482f
```
#ae482f rgb(174,72,47)
```
#ae532f
```
#ae532f rgb(174,83,47)
```
#ae5d2f
```
#ae5d2f rgb(174,93,47)
```
#ae682f
```
#ae682f rgb(174,104,47)
```
#ae732f
```
#ae732f rgb(174,115,47)
```
#ae7d2f
```
#ae7d2f rgb(174,125,47)
```
#ae882f
```
#ae882f rgb(174,136,47)
```

Similar Colors

Text with hexadecimal color #ae682f

This text has a font color of #ae682f.

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

#ae682f background color

This paragraph has a background color of #ae682f.

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

#ae682f border color

This element has a border color of #ae682f.

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

CSS codes

.text {color:#ae682f;}

.background {background-color:#ae682f;}

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

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, #040201 is the darkest color, while #fcf7f4 is the lightest one.

#040201
```
#040201 rgb(4,2,1)
```
#140c05
```
#140c05 rgb(20,12,5)
```
#231509
```
#231509 rgb(35,21,9)
```
#321e0e
```
#321e0e rgb(50,30,14)
```
#422712
```
#422712 rgb(66,39,18)
```
#513116
```
#513116 rgb(81,49,22)
```
#613a1a
```
#613a1a rgb(97,58,26)
```
#70431e
```
#70431e rgb(112,67,30)
```
#804c22
```
#804c22 rgb(128,76,34)
```
#8f5627
```
#8f5627 rgb(143,86,39)
```
#9f5f2b
```
#9f5f2b rgb(159,95,43)
```
#ae682f
```
#ae682f rgb(174,104,47)
```
#bd7133
```
#bd7133 rgb(189,113,51)
```

Shade Color Variation

#ca7b3a
```
#ca7b3a rgb(202,123,58)
```
#ce854a
```
#ce854a rgb(206,133,74)
```
#d29059
```
#d29059 rgb(210,144,89)
```
#d69a69
```
#d69a69 rgb(214,154,105)
```
#dba478
```
#dba478 rgb(219,164,120)
```
#dfaf88
```
#dfaf88 rgb(223,175,136)
```
#e3b997
```
#e3b997 rgb(227,185,151)
```
#e7c3a6
```
#e7c3a6 rgb(231,195,166)
```
#ebceb6
```
#ebceb6 rgb(235,206,182)
```
#efd8c5
```
#efd8c5 rgb(239,216,197)
```
#f4e3d5
```
#f4e3d5 rgb(244,227,213)
```
#f8ede4
```
#f8ede4 rgb(248,237,228)
```
#fcf7f4
```
#fcf7f4 rgb(252,247,244)
```

Tint Color Variation

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

#736e6b
```
#736e6b rgb(115,110,107)
```
#7b6d62
```
#7b6d62 rgb(123,109,98)
```
#846c5a
```
#846c5a rgb(132,108,90)
```
#8c6b51
```
#8c6b51 rgb(140,107,81)
```
#956b49
```
#956b49 rgb(149,107,73)
```
#9d6a40
```
#9d6a40 rgb(157,106,64)
```
#a66938
```
#a66938 rgb(166,105,56)
```
#ae682f
```
#ae682f rgb(174,104,47)
```
#b76727
```
#b76727 rgb(183,103,39)
```
#bf661e
```
#bf661e rgb(191,102,30)
```
#c86516
```
#c86516 rgb(200,101,22)
```
#d0650d
```
#d0650d rgb(208,101,13)
```
#d96404
```
#d96404 rgb(217,100,4)
```

Tone Color Variation

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

Dichromacy

#8d803e Protanopia 1% of men
#9d7a36 Deuteranopia 1% of men
#b56970 Tritanopia 0.001% of the population

Trichromacy

#997738 Protanomaly 1% of men, 0.01% of women
#a37333 Deuteranomaly 6% of men, 0.4% of women
#b26958 Tritanomaly 0.01% of the population

#ae682f hex color

#ae682f Color Information

#ae682f Color Conversion

Color Schemes with #ae682f

Alternatives to #ae682f

#ae682f Preview

Shades and Tints of #ae682f

Tones of #ae682f

Color Blindness Simulator