#ae522c hex color

In a RGB color space, hex #ae522c is composed of 68.2% red, 32.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 74.7% yellow and 31.8% black. It has a hue angle of 17.5 degrees, a saturation of 59.6% and a lightness of 42.7%. #ae522c color hex could be obtained by blending #ffa458 with #5d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 68
- G 32
- B 17
RGB color chart
- C 0
- M 53
- Y 75
- K 32
CMYK color chart

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

The hexadecimal color #ae522c has RGB values of R:174, G:82, B:44 and CMYK values of C:0, M:0.53, Y:0.75, K:0.32. Its decimal value is 11424300.

Hex triplet	ae522c	`#ae522c`
RGB Decimal	174, 82, 44	`rgb(174,82,44)`
RGB Percent	68.2, 32.2, 17.3	`rgb(68.2%,32.2%,17.3%)`
CMYK	0, 53, 75, 32
HSL	17.5°, 59.6, 42.7	`hsl(17.5,59.6%,42.7%)`
HSV (or HSB)	17.5°, 74.7, 68.2
Web Safe	996633	`#996633`

CIE-LAB	45.93, 34.986, 39.104
XYZ	20.928, 15.217, 4.218
xyY	0.518, 0.377, 15.217
CIE-LCH	45.93, 52.471, 48.181
CIE-LUV	45.93, 72.769, 32.668
Hunter-Lab	39.009, 27.499, 20.896
Binary	10101110, 01010010, 00101100

#ae522c
```
#ae522c rgb(174,82,44)
```
#2c88ae
```
#2c88ae rgb(44,136,174)
```

Complementary Color

#ae2c47
```
#ae2c47 rgb(174,44,71)
```
#ae522c
```
#ae522c rgb(174,82,44)
```
#ae932c
```
#ae932c rgb(174,147,44)
```

Analogous Color

#2c47ae
```
#2c47ae rgb(44,71,174)
```
#ae522c
```
#ae522c rgb(174,82,44)
```
#2cae93
```
#2cae93 rgb(44,174,147)
```

Split Complementary Color

#522cae
```
#522cae rgb(82,44,174)
```
#ae522c
```
#ae522c rgb(174,82,44)
```
#2cae52
```
#2cae52 rgb(44,174,82)
```

Triadic Color

#ae2c88
```
#ae2c88 rgb(174,44,136)
```
#ae522c
```
#ae522c rgb(174,82,44)
```
#2cae52
```
#2cae52 rgb(44,174,82)
```
#2c88ae
```
#2c88ae rgb(44,136,174)
```

Tetradic Color

#71351d
```
#71351d rgb(113,53,29)
```
#853f22
```
#853f22 rgb(133,63,34)
```
#9a4827
```
#9a4827 rgb(154,72,39)
```
#ae522c
```
#ae522c rgb(174,82,44)
```
#c25c31
```
#c25c31 rgb(194,92,49)
```
#ce693f
```
#ce693f rgb(206,105,63)
```
#d47953
```
#d47953 rgb(212,121,83)
```

Monochromatic Color

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

#ae322c
```
#ae322c rgb(174,50,44)
```
#ae3c2c
```
#ae3c2c rgb(174,60,44)
```
#ae472c
```
#ae472c rgb(174,71,44)
```
#ae522c
```
#ae522c rgb(174,82,44)
```
#ae5d2c
```
#ae5d2c rgb(174,93,44)
```
#ae682c
```
#ae682c rgb(174,104,44)
```
#ae732c
```
#ae732c rgb(174,115,44)
```

Similar Colors

Text with hexadecimal color #ae522c

This text has a font color of #ae522c.

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

#ae522c background color

This paragraph has a background color of #ae522c.

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

#ae522c border color

This element has a border color of #ae522c.

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

CSS codes

.text {color:#ae522c;}

.background {background-color:#ae522c;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110804
```
#110804 rgb(17,8,4)
```
#211008
```
#211008 rgb(33,16,8)
```
#31170c
```
#31170c rgb(49,23,12)
```
#401e10
```
#401e10 rgb(64,30,16)
```
#502614
```
#502614 rgb(80,38,20)
```
#602d18
```
#602d18 rgb(96,45,24)
```
#6f341c
```
#6f341c rgb(111,52,28)
```
#7f3c20
```
#7f3c20 rgb(127,60,32)
```
#8f4324
```
#8f4324 rgb(143,67,36)
```
#9e4b28
```
#9e4b28 rgb(158,75,40)
```
#ae522c
```
#ae522c rgb(174,82,44)
```
#be5930
```
#be5930 rgb(190,89,48)
```

Shade Color Variation

#cc6135
```
#cc6135 rgb(204,97,53)
```
#d06e45
```
#d06e45 rgb(208,110,69)
```
#d47a55
```
#d47a55 rgb(212,122,85)
```
#d88664
```
#d88664 rgb(216,134,100)
```
#dc9274
```
#dc9274 rgb(220,146,116)
```
#e09e84
```
#e09e84 rgb(224,158,132)
```
#e4ab93
```
#e4ab93 rgb(228,171,147)
```
#e8b7a3
```
#e8b7a3 rgb(232,183,163)
```
#ecc3b2
```
#ecc3b2 rgb(236,195,178)
```
#f0cfc2
```
#f0cfc2 rgb(240,207,194)
```
#f4dcd2
```
#f4dcd2 rgb(244,220,210)
```
#f8e8e1
```
#f8e8e1 rgb(248,232,225)
```
#fbf4f1
```
#fbf4f1 rgb(251,244,241)
```

Tint Color Variation

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

#736a67
```
#736a67 rgb(115,106,103)
```
#7c675e
```
#7c675e rgb(124,103,94)
```
#846356
```
#846356 rgb(132,99,86)
```
#8c604e
```
#8c604e rgb(140,96,78)
```
#955c45
```
#955c45 rgb(149,92,69)
```
#9d593d
```
#9d593d rgb(157,89,61)
```
#a65534
```
#a65534 rgb(166,85,52)
```
#ae522c
```
#ae522c rgb(174,82,44)
```
#b64f24
```
#b64f24 rgb(182,79,36)
```
#bf4b1b
```
#bf4b1b rgb(191,75,27)
```
#c74813
```
#c74813 rgb(199,72,19)
```
#d0440a
```
#d0440a rgb(208,68,10)
```
#d84102
```
#d84102 rgb(216,65,2)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#77645d Atypical Achromatopsia 0.001% of the population

Dichromacy

#80743e Protanopia 1% of men
#8f6f30 Deuteranopia 1% of men
#b4565b Tritanopia 0.001% of the population

Trichromacy

#906737 Protanomaly 1% of men, 0.01% of women
#9a642f Deuteranomaly 6% of men, 0.4% of women
#b1544a Tritanomaly 0.01% of the population

#ae522c hex color

#ae522c Color Information

#ae522c Color Conversion

Color Schemes with #ae522c

Alternatives to #ae522c

#ae522c Preview

Shades and Tints of #ae522c

Tones of #ae522c

Color Blindness Simulator