#ae685a hex color

In a RGB color space, hex #ae685a is composed of 68.2% red, 40.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 48.3% yellow and 31.8% black. It has a hue angle of 10 degrees, a saturation of 34.1% and a lightness of 51.8%. #ae685a color hex could be obtained by blending #ffd0b4 with #5d0000. Closest websafe color is: #996666.

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

● #ae685a color description : Dark moderate red.

The hexadecimal color #ae685a has RGB values of R:174, G:104, B:90 and CMYK values of C:0, M:0.4, Y:0.48, K:0.32. Its decimal value is 11429978.

Hex triplet	ae685a	`#ae685a`
RGB Decimal	174, 104, 90	`rgb(174,104,90)`
RGB Percent	68.2, 40.8, 35.3	`rgb(68.2%,40.8%,35.3%)`
CMYK	0, 40, 48, 32
HSL	10°, 34.1, 51.8	`hsl(10,34.1%,51.8%)`
HSV (or HSB)	10°, 48.3, 68.2
Web Safe	996666	`#996666`

CIE-LAB	51.427, 26.498, 19.871
XYZ	24.252, 19.639, 12.186
xyY	0.432, 0.35, 19.639
CIE-LCH	51.427, 33.121, 36.867
CIE-LUV	51.427, 50.217, 19.389
Hunter-Lab	44.316, 20.13, 14.718
Binary	10101110, 01101000, 01011010

#ae685a
```
#ae685a rgb(174,104,90)
```
#5aa0ae
```
#5aa0ae rgb(90,160,174)
```

Complementary Color

#ae5a76
```
#ae5a76 rgb(174,90,118)
```
#ae685a
```
#ae685a rgb(174,104,90)
```
#ae925a
```
#ae925a rgb(174,146,90)
```

Analogous Color

#5a76ae
```
#5a76ae rgb(90,118,174)
```
#ae685a
```
#ae685a rgb(174,104,90)
```
#5aae92
```
#5aae92 rgb(90,174,146)
```

Split Complementary Color

#685aae
```
#685aae rgb(104,90,174)
```
#ae685a
```
#ae685a rgb(174,104,90)
```
#5aae68
```
#5aae68 rgb(90,174,104)
```

Triadic Color

#ae5aa0
```
#ae5aa0 rgb(174,90,160)
```
#ae685a
```
#ae685a rgb(174,104,90)
```
#5aae68
```
#5aae68 rgb(90,174,104)
```
#5aa0ae
```
#5aa0ae rgb(90,160,174)
```

Tetradic Color

#7e483e
```
#7e483e rgb(126,72,62)
```
#8f5246
```
#8f5246 rgb(143,82,70)
```
#a05c4f
```
#a05c4f rgb(160,92,79)
```
#ae685a
```
#ae685a rgb(174,104,90)
```
#b6786b
```
#b6786b rgb(182,120,107)
```
#bf877c
```
#bf877c rgb(191,135,124)
```
#c7978d
```
#c7978d rgb(199,151,141)
```

Monochromatic Color

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

#ae5a61
```
#ae5a61 rgb(174,90,97)
```
#ae5a5a
```
#ae5a5a rgb(174,90,90)
```
#ae615a
```
#ae615a rgb(174,97,90)
```
#ae685a
```
#ae685a rgb(174,104,90)
```
#ae6f5a
```
#ae6f5a rgb(174,111,90)
```
#ae765a
```
#ae765a rgb(174,118,90)
```
#ae7d5a
```
#ae7d5a rgb(174,125,90)
```

Similar Colors

Text with hexadecimal color #ae685a

This text has a font color of #ae685a.

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

#ae685a background color

This paragraph has a background color of #ae685a.

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

#ae685a border color

This element has a border color of #ae685a.

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

CSS codes

.text {color:#ae685a;}

.background {background-color:#ae685a;}

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

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

#060303
```
#060303 rgb(6,3,3)
```
#130b09
```
#130b09 rgb(19,11,9)
```
#201310
```
#201310 rgb(32,19,16)
```
#2e1a16
```
#2e1a16 rgb(46,26,22)
```
#3b221d
```
#3b221d rgb(59,34,29)
```
#482923
```
#482923 rgb(72,41,35)
```
#55312a
```
#55312a rgb(85,49,42)
```
#623930
```
#623930 rgb(98,57,48)
```
#6f4037
```
#6f4037 rgb(111,64,55)
```
#7c483d
```
#7c483d rgb(124,72,61)
```
#8a4f44
```
#8a4f44 rgb(138,79,68)
```
#97574a
```
#97574a rgb(151,87,74)
```
#a45e50
```
#a45e50 rgb(164,94,80)
```

Shade Color Variation

#ae685a
```
#ae685a rgb(174,104,90)
```
#b47467
```
#b47467 rgb(180,116,103)
```
#bb8074
```
#bb8074 rgb(187,128,116)
```
#c18c81
```
#c18c81 rgb(193,140,129)
```
#c8988f
```
#c8988f rgb(200,152,143)
```
#cea49c
```
#cea49c rgb(206,164,156)
```
#d5b0a9
```
#d5b0a9 rgb(213,176,169)
```
#dbbcb6
```
#dbbcb6 rgb(219,188,182)
```
#e2c8c3
```
#e2c8c3 rgb(226,200,195)
```
#e8d4d0
```
#e8d4d0 rgb(232,212,208)
```
#efe0de
```
#efe0de rgb(239,224,222)
```
#f5eceb
```
#f5eceb rgb(245,236,235)
```
#fcf8f8
```
#fcf8f8 rgb(252,248,248)
```

Tint Color Variation

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

#888180
```
#888180 rgb(136,129,128)
```
#927b76
```
#927b76 rgb(146,123,118)
```
#9b756d
```
#9b756d rgb(155,117,109)
```
#a56e63
```
#a56e63 rgb(165,110,99)
```
#ae685a
```
#ae685a rgb(174,104,90)
```
#b76251
```
#b76251 rgb(183,98,81)
```
#c15b47
```
#c15b47 rgb(193,91,71)
```
#ca553e
```
#ca553e rgb(202,85,62)
```
#d44f34
```
#d44f34 rgb(212,79,52)
```
#dd482b
```
#dd482b rgb(221,72,43)
```
#e74221
```
#e74221 rgb(231,66,33)
```
#f03c18
```
#f03c18 rgb(240,60,24)
```
#fa360e
```
#fa360e rgb(250,54,14)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898169 Protanopia 1% of men
#987c5f Deuteranopia 1% of men
#b36d74 Tritanopia 0.001% of the population

Trichromacy

#967864 Protanomaly 1% of men, 0.01% of women
#a0745d Deuteranomaly 6% of men, 0.4% of women
#b16b6a Tritanomaly 0.01% of the population

#ae685a hex color

#ae685a Color Information

#ae685a Color Conversion

Color Schemes with #ae685a

Alternatives to #ae685a

#ae685a Preview

Shades and Tints of #ae685a

Tones of #ae685a

Color Blindness Simulator