#ae685f hex color

In a RGB color space, hex #ae685f is composed of 68.2% red, 40.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 45.4% yellow and 31.8% black. It has a hue angle of 6.8 degrees, a saturation of 32.8% and a lightness of 52.7%. #ae685f color hex could be obtained by blending #ffd0be with #5d0000. Closest websafe color is: #996666.

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

● #ae685f color description : Dark moderate red.

The hexadecimal color #ae685f has RGB values of R:174, G:104, B:95 and CMYK values of C:0, M:0.4, Y:0.45, K:0.32. Its decimal value is 11429983.

Hex triplet	ae685f	`#ae685f`
RGB Decimal	174, 104, 95	`rgb(174,104,95)`
RGB Percent	68.2, 40.8, 37.3	`rgb(68.2%,40.8%,37.3%)`
CMYK	0, 40, 45, 32
HSL	6.8°, 32.8, 52.7	`hsl(6.8,32.8%,52.7%)`
HSV (or HSB)	6.8°, 45.4, 68.2
Web Safe	996666	`#996666`

CIE-LAB	51.527, 27.021, 17.081
XYZ	24.472, 19.727, 13.345
xyY	0.425, 0.343, 19.727
CIE-LCH	51.527, 31.967, 32.299
CIE-LUV	51.527, 49.406, 16.262
Hunter-Lab	44.415, 20.623, 13.277
Binary	10101110, 01101000, 01011111

#ae685f
```
#ae685f rgb(174,104,95)
```
#5fa5ae
```
#5fa5ae rgb(95,165,174)
```

Complementary Color

#ae5f7e
```
#ae5f7e rgb(174,95,126)
```
#ae685f
```
#ae685f rgb(174,104,95)
```
#ae905f
```
#ae905f rgb(174,144,95)
```

Analogous Color

#5f7eae
```
#5f7eae rgb(95,126,174)
```
#ae685f
```
#ae685f rgb(174,104,95)
```
#5fae90
```
#5fae90 rgb(95,174,144)
```

Split Complementary Color

#685fae
```
#685fae rgb(104,95,174)
```
#ae685f
```
#ae685f rgb(174,104,95)
```
#5fae68
```
#5fae68 rgb(95,174,104)
```

Triadic Color

#ae5fa5
```
#ae5fa5 rgb(174,95,165)
```
#ae685f
```
#ae685f rgb(174,104,95)
```
#5fae68
```
#5fae68 rgb(95,174,104)
```
#5fa5ae
```
#5fa5ae rgb(95,165,174)
```

Tetradic Color

#804841
```
#804841 rgb(128,72,65)
```
#915149
```
#915149 rgb(145,81,73)
```
#a25b52
```
#a25b52 rgb(162,91,82)
```
#ae685f
```
#ae685f rgb(174,104,95)
```
#b77870
```
#b77870 rgb(183,120,112)
```
#bf8881
```
#bf8881 rgb(191,136,129)
```
#c89892
```
#c89892 rgb(200,152,146)
```

Monochromatic Color

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

#ae5f6a
```
#ae5f6a rgb(174,95,106)
```
#ae5f63
```
#ae5f63 rgb(174,95,99)
```
#ae615f
```
#ae615f rgb(174,97,95)
```
#ae685f
```
#ae685f rgb(174,104,95)
```
#ae6f5f
```
#ae6f5f rgb(174,111,95)
```
#ae755f
```
#ae755f rgb(174,117,95)
```
#ae7c5f
```
#ae7c5f rgb(174,124,95)
```

Similar Colors

Text with hexadecimal color #ae685f

This text has a font color of #ae685f.

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

#ae685f background color

This paragraph has a background color of #ae685f.

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

#ae685f border color

This element has a border color of #ae685f.

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

CSS codes

.text {color:#ae685f;}

.background {background-color:#ae685f;}

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

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

#090505
```
#090505 rgb(9,5,5)
```
#160d0b
```
#160d0b rgb(22,13,11)
```
#231412
```
#231412 rgb(35,20,18)
```
#301b18
```
#301b18 rgb(48,27,24)
```
#3d231f
```
#3d231f rgb(61,35,31)
```
#4a2a26
```
#4a2a26 rgb(74,42,38)
```
#57312c
```
#57312c rgb(87,49,44)
```
#643933
```
#643933 rgb(100,57,51)
```
#714039
```
#714039 rgb(113,64,57)
```
#7e4740
```
#7e4740 rgb(126,71,64)
```
#8c4e47
```
#8c4e47 rgb(140,78,71)
```
#99564d
```
#99564d rgb(153,86,77)
```
#a65d54
```
#a65d54 rgb(166,93,84)
```

Shade Color Variation

#ae685f
```
#ae685f rgb(174,104,95)
```
#b5746c
```
#b5746c rgb(181,116,108)
```
#bb8179
```
#bb8179 rgb(187,129,121)
```
#c28d86
```
#c28d86 rgb(194,141,134)
```
#c89993
```
#c89993 rgb(200,153,147)
```
#cfa5a0
```
#cfa5a0 rgb(207,165,160)
```
#d6b2ad
```
#d6b2ad rgb(214,178,173)
```
#dcbeba
```
#dcbeba rgb(220,190,186)
```
#e3cac7
```
#e3cac7 rgb(227,202,199)
```
#e9d7d4
```
#e9d7d4 rgb(233,215,212)
```
#f0e3e1
```
#f0e3e1 rgb(240,227,225)
```
#f7efee
```
#f7efee rgb(247,239,238)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#898584
```
#898584 rgb(137,133,132)
```
#927d7b
```
#927d7b rgb(146,125,123)
```
#9b7672
```
#9b7672 rgb(155,118,114)
```
#a56f68
```
#a56f68 rgb(165,111,104)
```
#ae685f
```
#ae685f rgb(174,104,95)
```
#b76156
```
#b76156 rgb(183,97,86)
```
#c15a4c
```
#c15a4c rgb(193,90,76)
```
#ca5343
```
#ca5343 rgb(202,83,67)
```
#d34b3a
```
#d34b3a rgb(211,75,58)
```
#dc4431
```
#dc4431 rgb(220,68,49)
```
#e63d27
```
#e63d27 rgb(230,61,39)
```
#ef361e
```
#ef361e rgb(239,54,30)
```
#f82f15
```
#f82f15 rgb(248,47,21)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#867876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88816e Protanopia 1% of men
#977c63 Deuteranopia 1% of men
#b36d75 Tritanopia 0.001% of the population

Trichromacy

#957869 Protanomaly 1% of men, 0.01% of women
#9f7562 Deuteranomaly 6% of men, 0.4% of women
#b16b6d Tritanomaly 0.01% of the population

#ae685f hex color

#ae685f Color Information

#ae685f Color Conversion

Color Schemes with #ae685f

Alternatives to #ae685f

#ae685f Preview

Shades and Tints of #ae685f

Tones of #ae685f

Color Blindness Simulator