#ae522d hex color

In a RGB color space, hex #ae522d is composed of 68.2% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 74.1% yellow and 31.8% black. It has a hue angle of 17.2 degrees, a saturation of 58.9% and a lightness of 42.9%. #ae522d color hex could be obtained by blending #ffa45a with #5d0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #ae522d has RGB values of R:174, G:82, B:45 and CMYK values of C:0, M:0.53, Y:0.74, K:0.32. Its decimal value is 11424301.

Hex triplet	ae522d	`#ae522d`
RGB Decimal	174, 82, 45	`rgb(174,82,45)`
RGB Percent	68.2, 32.2, 17.6	`rgb(68.2%,32.2%,17.6%)`
CMYK	0, 53, 74, 32
HSL	17.2°, 58.9, 42.9	`hsl(17.2,58.9%,42.9%)`
HSV (or HSB)	17.2°, 74.1, 68.2
Web Safe	996633	`#996633`

CIE-LAB	45.94, 35.033, 38.59
XYZ	20.947, 15.225, 4.318
xyY	0.517, 0.376, 15.225
CIE-LCH	45.94, 52.121, 47.766
CIE-LUV	45.94, 72.643, 32.314
Hunter-Lab	39.019, 27.545, 20.752
Binary	10101110, 01010010, 00101101

#ae522d
```
#ae522d rgb(174,82,45)
```
#2d89ae
```
#2d89ae rgb(45,137,174)
```

Complementary Color

#ae2d49
```
#ae2d49 rgb(174,45,73)
```
#ae522d
```
#ae522d rgb(174,82,45)
```
#ae932d
```
#ae932d rgb(174,147,45)
```

Analogous Color

#2d49ae
```
#2d49ae rgb(45,73,174)
```
#ae522d
```
#ae522d rgb(174,82,45)
```
#2dae93
```
#2dae93 rgb(45,174,147)
```

Split Complementary Color

#522dae
```
#522dae rgb(82,45,174)
```
#ae522d
```
#ae522d rgb(174,82,45)
```
#2dae52
```
#2dae52 rgb(45,174,82)
```

Triadic Color

#ae2d89
```
#ae2d89 rgb(174,45,137)
```
#ae522d
```
#ae522d rgb(174,82,45)
```
#2dae52
```
#2dae52 rgb(45,174,82)
```
#2d89ae
```
#2d89ae rgb(45,137,174)
```

Tetradic Color

#71351d
```
#71351d rgb(113,53,29)
```
#853f23
```
#853f23 rgb(133,63,35)
```
#9a4828
```
#9a4828 rgb(154,72,40)
```
#ae522d
```
#ae522d rgb(174,82,45)
```
#c25c32
```
#c25c32 rgb(194,92,50)
```
#ce6940
```
#ce6940 rgb(206,105,64)
```
#d37955
```
#d37955 rgb(211,121,85)
```

Monochromatic Color

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

#ae322d
```
#ae322d rgb(174,50,45)
```
#ae3c2d
```
#ae3c2d rgb(174,60,45)
```
#ae472d
```
#ae472d rgb(174,71,45)
```
#ae522d
```
#ae522d rgb(174,82,45)
```
#ae5d2d
```
#ae5d2d rgb(174,93,45)
```
#ae682d
```
#ae682d rgb(174,104,45)
```
#ae722d
```
#ae722d rgb(174,114,45)
```

Similar Colors

Text with hexadecimal color #ae522d

This text has a font color of #ae522d.

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

#ae522d background color

This paragraph has a background color of #ae522d.

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

#ae522d border color

This element has a border color of #ae522d.

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

CSS codes

.text {color:#ae522d;}

.background {background-color:#ae522d;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120905
```
#120905 rgb(18,9,5)
```
#221009
```
#221009 rgb(34,16,9)
```
#31170d
```
#31170d rgb(49,23,13)
```
#411f11
```
#411f11 rgb(65,31,17)
```
#502615
```
#502615 rgb(80,38,21)
```
#602d19
```
#602d19 rgb(96,45,25)
```
#70351d
```
#70351d rgb(112,53,29)
```
#7f3c21
```
#7f3c21 rgb(127,60,33)
```
#8f4325
```
#8f4325 rgb(143,67,37)
```
#9e4b29
```
#9e4b29 rgb(158,75,41)
```
#ae522d
```
#ae522d rgb(174,82,45)
```
#be5931
```
#be5931 rgb(190,89,49)
```

Shade Color Variation

#cb6237
```
#cb6237 rgb(203,98,55)
```
#cf6e47
```
#cf6e47 rgb(207,110,71)
```
#d37a56
```
#d37a56 rgb(211,122,86)
```
#d78666
```
#d78666 rgb(215,134,102)
```
#db9375
```
#db9375 rgb(219,147,117)
```
#df9f85
```
#df9f85 rgb(223,159,133)
```
#e3ab94
```
#e3ab94 rgb(227,171,148)
```
#e7b7a4
```
#e7b7a4 rgb(231,183,164)
```
#ecc4b4
```
#ecc4b4 rgb(236,196,180)
```
#f0d0c3
```
#f0d0c3 rgb(240,208,195)
```
#f4dcd3
```
#f4dcd3 rgb(244,220,211)
```
#f8e8e2
```
#f8e8e2 rgb(248,232,226)
```
#fcf5f2
```
#fcf5f2 rgb(252,245,242)
```

Tint Color Variation

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

#736b68
```
#736b68 rgb(115,107,104)
```
#7b6860
```
#7b6860 rgb(123,104,96)
```
#846457
```
#846457 rgb(132,100,87)
```
#8c604f
```
#8c604f rgb(140,96,79)
```
#955d46
```
#955d46 rgb(149,93,70)
```
#9d593e
```
#9d593e rgb(157,89,62)
```
#a65635
```
#a65635 rgb(166,86,53)
```
#ae522d
```
#ae522d rgb(174,82,45)
```
#b64e25
```
#b64e25 rgb(182,78,37)
```
#bf4b1c
```
#bf4b1c rgb(191,75,28)
```
#c74714
```
#c74714 rgb(199,71,20)
```
#d0440b
```
#d0440b rgb(208,68,11)
```
#d84003
```
#d84003 rgb(216,64,3)
```

Tone Color Variation

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

#7f743f Protanopia 1% of men
#8f6f31 Deuteranopia 1% of men
#b4565c Tritanopia 0.001% of the population

Trichromacy

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

#ae522d hex color

#ae522d Color Information

#ae522d Color Conversion

Color Schemes with #ae522d

Alternatives to #ae522d

#ae522d Preview

Shades and Tints of #ae522d

Tones of #ae522d

Color Blindness Simulator