#ae532c hex color

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

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

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

The hexadecimal color #ae532c has RGB values of R:174, G:83, B:44 and CMYK values of C:0, M:0.52, Y:0.75, K:0.32. Its decimal value is 11424556.

Hex triplet	ae532c	`#ae532c`
RGB Decimal	174, 83, 44	`rgb(174,83,44)`
RGB Percent	68.2, 32.5, 17.3	`rgb(68.2%,32.5%,17.3%)`
CMYK	0, 52, 75, 32
HSL	18°, 59.6, 42.7	`hsl(18,59.6%,42.7%)`
HSV (or HSB)	18°, 74.7, 68.2
Web Safe	996633	`#996633`

CIE-LAB	46.136, 34.466, 39.323
XYZ	21.004, 15.369, 4.243
xyY	0.517, 0.378, 15.369
CIE-LCH	46.136, 52.29, 48.766
CIE-LUV	46.136, 72.02, 33.031
Hunter-Lab	39.203, 27.03, 21.025
Binary	10101110, 01010011, 00101100

#ae532c
```
#ae532c rgb(174,83,44)
```
#2c87ae
```
#2c87ae rgb(44,135,174)
```

Complementary Color

#ae2c46
```
#ae2c46 rgb(174,44,70)
```
#ae532c
```
#ae532c rgb(174,83,44)
```
#ae942c
```
#ae942c rgb(174,148,44)
```

Analogous Color

#2c46ae
```
#2c46ae rgb(44,70,174)
```
#ae532c
```
#ae532c rgb(174,83,44)
```
#2cae94
```
#2cae94 rgb(44,174,148)
```

Split Complementary Color

#532cae
```
#532cae rgb(83,44,174)
```
#ae532c
```
#ae532c rgb(174,83,44)
```
#2cae53
```
#2cae53 rgb(44,174,83)
```

Triadic Color

#ae2c87
```
#ae2c87 rgb(174,44,135)
```
#ae532c
```
#ae532c rgb(174,83,44)
```
#2cae53
```
#2cae53 rgb(44,174,83)
```
#2c87ae
```
#2c87ae rgb(44,135,174)
```

Tetradic Color

#71361d
```
#71361d rgb(113,54,29)
```
#854022
```
#854022 rgb(133,64,34)
```
#9a4927
```
#9a4927 rgb(154,73,39)
```
#ae532c
```
#ae532c rgb(174,83,44)
```
#c25d31
```
#c25d31 rgb(194,93,49)
```
#ce6a3f
```
#ce6a3f rgb(206,106,63)
```
#d47a53
```
#d47a53 rgb(212,122,83)
```

Monochromatic Color

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

#ae332c
```
#ae332c rgb(174,51,44)
```
#ae3d2c
```
#ae3d2c rgb(174,61,44)
```
#ae482c
```
#ae482c rgb(174,72,44)
```
#ae532c
```
#ae532c rgb(174,83,44)
```
#ae5e2c
```
#ae5e2c rgb(174,94,44)
```
#ae692c
```
#ae692c rgb(174,105,44)
```
#ae742c
```
#ae742c rgb(174,116,44)
```

Similar Colors

Text with hexadecimal color #ae532c

This text has a font color of #ae532c.

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

#ae532c background color

This paragraph has a background color of #ae532c.

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

#ae532c border color

This element has a border color of #ae532c.

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

CSS codes

.text {color:#ae532c;}

.background {background-color:#ae532c;}

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

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)
```
#401f10
```
#401f10 rgb(64,31,16)
```
#502614
```
#502614 rgb(80,38,20)
```
#602e18
```
#602e18 rgb(96,46,24)
```
#6f351c
```
#6f351c rgb(111,53,28)
```
#7f3d20
```
#7f3d20 rgb(127,61,32)
```
#8f4424
```
#8f4424 rgb(143,68,36)
```
#9e4c28
```
#9e4c28 rgb(158,76,40)
```
#ae532c
```
#ae532c rgb(174,83,44)
```
#be5a30
```
#be5a30 rgb(190,90,48)
```

Shade Color Variation

#cc6235
```
#cc6235 rgb(204,98,53)
```
#d06f45
```
#d06f45 rgb(208,111,69)
```
#d47b55
```
#d47b55 rgb(212,123,85)
```
#d88764
```
#d88764 rgb(216,135,100)
```
#dc9374
```
#dc9374 rgb(220,147,116)
```
#e09f84
```
#e09f84 rgb(224,159,132)
```
#e4ab93
```
#e4ab93 rgb(228,171,147)
```
#e8b7a3
```
#e8b7a3 rgb(232,183,163)
```
#ecc4b2
```
#ecc4b2 rgb(236,196,178)
```
#f0d0c2
```
#f0d0c2 rgb(240,208,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 #d84202 is the most saturated one.

#736a67
```
#736a67 rgb(115,106,103)
```
#7c675e
```
#7c675e rgb(124,103,94)
```
#846456
```
#846456 rgb(132,100,86)
```
#8c604e
```
#8c604e rgb(140,96,78)
```
#955d45
```
#955d45 rgb(149,93,69)
```
#9d5a3d
```
#9d5a3d rgb(157,90,61)
```
#a65634
```
#a65634 rgb(166,86,52)
```
#ae532c
```
#ae532c rgb(174,83,44)
```
#b65024
```
#b65024 rgb(182,80,36)
```
#bf4c1b
```
#bf4c1b rgb(191,76,27)
```
#c74913
```
#c74913 rgb(199,73,19)
```
#d0460a
```
#d0460a rgb(208,70,10)
```
#d84202
```
#d84202 rgb(216,66,2)
```

Tone Color Variation

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

#80743e Protanopia 1% of men
#906f31 Deuteranopia 1% of men
#b4575c Tritanopia 0.001% of the population

Trichromacy

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

#ae532c hex color

#ae532c Color Information

#ae532c Color Conversion

Color Schemes with #ae532c

Alternatives to #ae532c

#ae532c Preview

Shades and Tints of #ae532c

Tones of #ae532c

Color Blindness Simulator