#ae532d hex color

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

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

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

The hexadecimal color #ae532d has RGB values of R:174, G:83, B:45 and CMYK values of C:0, M:0.52, Y:0.74, K:0.32. Its decimal value is 11424557.

Hex triplet	ae532d	`#ae532d`
RGB Decimal	174, 83, 45	`rgb(174,83,45)`
RGB Percent	68.2, 32.5, 17.6	`rgb(68.2%,32.5%,17.6%)`
CMYK	0, 52, 74, 32
HSL	17.7°, 58.9, 42.9	`hsl(17.7,58.9%,42.9%)`
HSV (or HSB)	17.7°, 74.1, 68.2
Web Safe	996633	`#996633`

CIE-LAB	46.146, 34.513, 38.811
XYZ	21.023, 15.377, 4.343
xyY	0.516, 0.377, 15.377
CIE-LCH	46.146, 51.937, 48.355
CIE-LUV	46.146, 71.896, 32.679
Hunter-Lab	39.213, 27.076, 20.882
Binary	10101110, 01010011, 00101101

#ae532d
```
#ae532d rgb(174,83,45)
```
#2d88ae
```
#2d88ae rgb(45,136,174)
```

Complementary Color

#ae2d48
```
#ae2d48 rgb(174,45,72)
```
#ae532d
```
#ae532d rgb(174,83,45)
```
#ae942d
```
#ae942d rgb(174,148,45)
```

Analogous Color

#2d48ae
```
#2d48ae rgb(45,72,174)
```
#ae532d
```
#ae532d rgb(174,83,45)
```
#2dae94
```
#2dae94 rgb(45,174,148)
```

Split Complementary Color

#532dae
```
#532dae rgb(83,45,174)
```
#ae532d
```
#ae532d rgb(174,83,45)
```
#2dae53
```
#2dae53 rgb(45,174,83)
```

Triadic Color

#ae2d88
```
#ae2d88 rgb(174,45,136)
```
#ae532d
```
#ae532d rgb(174,83,45)
```
#2dae53
```
#2dae53 rgb(45,174,83)
```
#2d88ae
```
#2d88ae rgb(45,136,174)
```

Tetradic Color

#71361d
```
#71361d rgb(113,54,29)
```
#854023
```
#854023 rgb(133,64,35)
```
#9a4928
```
#9a4928 rgb(154,73,40)
```
#ae532d
```
#ae532d rgb(174,83,45)
```
#c25d32
```
#c25d32 rgb(194,93,50)
```
#ce6a40
```
#ce6a40 rgb(206,106,64)
```
#d37a55
```
#d37a55 rgb(211,122,85)
```

Monochromatic Color

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

#ae332d
```
#ae332d rgb(174,51,45)
```
#ae3e2d
```
#ae3e2d rgb(174,62,45)
```
#ae482d
```
#ae482d rgb(174,72,45)
```
#ae532d
```
#ae532d rgb(174,83,45)
```
#ae5e2d
```
#ae5e2d rgb(174,94,45)
```
#ae692d
```
#ae692d rgb(174,105,45)
```
#ae732d
```
#ae732d rgb(174,115,45)
```

Similar Colors

Text with hexadecimal color #ae532d

This text has a font color of #ae532d.

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

#ae532d background color

This paragraph has a background color of #ae532d.

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

#ae532d border color

This element has a border color of #ae532d.

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

CSS codes

.text {color:#ae532d;}

.background {background-color:#ae532d;}

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

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)
```
#31180d
```
#31180d rgb(49,24,13)
```
#411f11
```
#411f11 rgb(65,31,17)
```
#502615
```
#502615 rgb(80,38,21)
```
#602e19
```
#602e19 rgb(96,46,25)
```
#70351d
```
#70351d rgb(112,53,29)
```
#7f3d21
```
#7f3d21 rgb(127,61,33)
```
#8f4425
```
#8f4425 rgb(143,68,37)
```
#9e4c29
```
#9e4c29 rgb(158,76,41)
```
#ae532d
```
#ae532d rgb(174,83,45)
```
#be5a31
```
#be5a31 rgb(190,90,49)
```

Shade Color Variation

#cb6337
```
#cb6337 rgb(203,99,55)
```
#cf6f47
```
#cf6f47 rgb(207,111,71)
```
#d37b56
```
#d37b56 rgb(211,123,86)
```
#d78766
```
#d78766 rgb(215,135,102)
```
#db9375
```
#db9375 rgb(219,147,117)
```
#dfa085
```
#dfa085 rgb(223,160,133)
```
#e3ac94
```
#e3ac94 rgb(227,172,148)
```
#e7b8a4
```
#e7b8a4 rgb(231,184,164)
```
#ecc4b4
```
#ecc4b4 rgb(236,196,180)
```
#f0d0c3
```
#f0d0c3 rgb(240,208,195)
```
#f4dcd3
```
#f4dcd3 rgb(244,220,211)
```
#f8e9e2
```
#f8e9e2 rgb(248,233,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 #d84203 is the most saturated one.

#736b68
```
#736b68 rgb(115,107,104)
```
#7b6860
```
#7b6860 rgb(123,104,96)
```
#846457
```
#846457 rgb(132,100,87)
```
#8c614f
```
#8c614f rgb(140,97,79)
```
#955d46
```
#955d46 rgb(149,93,70)
```
#9d5a3e
```
#9d5a3e rgb(157,90,62)
```
#a65635
```
#a65635 rgb(166,86,53)
```
#ae532d
```
#ae532d rgb(174,83,45)
```
#b65025
```
#b65025 rgb(182,80,37)
```
#bf4c1c
```
#bf4c1c rgb(191,76,28)
```
#c74914
```
#c74914 rgb(199,73,20)
```
#d0450b
```
#d0450b rgb(208,69,11)
```
#d84203
```
#d84203 rgb(216,66,3)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#78655e Atypical Achromatopsia 0.001% of the population

Dichromacy

#80743f Protanopia 1% of men
#906f32 Deuteranopia 1% of men
#b4575d Tritanopia 0.001% of the population

Trichromacy

#916838 Protanomaly 1% of men, 0.01% of women
#9a6530 Deuteranomaly 6% of men, 0.4% of women
#b1554b Tritanomaly 0.01% of the population

#ae532d hex color

#ae532d Color Information

#ae532d Color Conversion

Color Schemes with #ae532d

Alternatives to #ae532d

#ae532d Preview

Shades and Tints of #ae532d

Tones of #ae532d

Color Blindness Simulator