#ae520f hex color

In a RGB color space, hex #ae520f is composed of 68.2% red, 32.2% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 91.4% yellow and 31.8% black. It has a hue angle of 25.3 degrees, a saturation of 84.1% and a lightness of 37.1%. #ae520f color hex could be obtained by blending #ffa41e with #5d0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #ae520f has RGB values of R:174, G:82, B:15 and CMYK values of C:0, M:0.53, Y:0.91, K:0.32. Its decimal value is 11424271.

Hex triplet	ae520f	`#ae520f`
RGB Decimal	174, 82, 15	`rgb(174,82,15)`
RGB Percent	68.2, 32.2, 5.9	`rgb(68.2%,32.2%,5.9%)`
CMYK	0, 53, 91, 32
HSL	25.3°, 84.1, 37.1	`hsl(25.3,84.1%,37.1%)`
HSV (or HSB)	25.3°, 91.4, 68.2
Web Safe	996600	`#996600`

CIE-LAB	45.73, 34.069, 51.321
XYZ	20.56, 15.07, 2.278
xyY	0.542, 0.398, 15.07
CIE-LCH	45.73, 61.6, 56.422
CIE-LUV	45.73, 75.293, 39.718
Hunter-Lab	38.82, 26.603, 23.695
Binary	10101110, 01010010, 00001111

#ae520f
```
#ae520f rgb(174,82,15)
```
#0f6bae
```
#0f6bae rgb(15,107,174)
```

Complementary Color

#ae0f1b
```
#ae0f1b rgb(174,15,27)
```
#ae520f
```
#ae520f rgb(174,82,15)
```
#aea20f
```
#aea20f rgb(174,162,15)
```

Analogous Color

#0f1bae
```
#0f1bae rgb(15,27,174)
```
#ae520f
```
#ae520f rgb(174,82,15)
```
#0faea2
```
#0faea2 rgb(15,174,162)
```

Split Complementary Color

#520fae
```
#520fae rgb(82,15,174)
```
#ae520f
```
#ae520f rgb(174,82,15)
```
#0fae52
```
#0fae52 rgb(15,174,82)
```

Triadic Color

#ae0f6b
```
#ae0f6b rgb(174,15,107)
```
#ae520f
```
#ae520f rgb(174,82,15)
```
#0fae52
```
#0fae52 rgb(15,174,82)
```
#0f6bae
```
#0f6bae rgb(15,107,174)
```

Tetradic Color

#683109
```
#683109 rgb(104,49,9)
```
#7f3c0b
```
#7f3c0b rgb(127,60,11)
```
#97470d
```
#97470d rgb(151,71,13)
```
#ae520f
```
#ae520f rgb(174,82,15)
```
#c55d11
```
#c55d11 rgb(197,93,17)
```
#dd6813
```
#dd6813 rgb(221,104,19)
```
#ec751e
```
#ec751e rgb(236,117,30)
```

Monochromatic Color

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

#ae2a0f
```
#ae2a0f rgb(174,42,15)
```
#ae380f
```
#ae380f rgb(174,56,15)
```
#ae450f
```
#ae450f rgb(174,69,15)
```
#ae520f
```
#ae520f rgb(174,82,15)
```
#ae5f0f
```
#ae5f0f rgb(174,95,15)
```
#ae6d0f
```
#ae6d0f rgb(174,109,15)
```
#ae7a0f
```
#ae7a0f rgb(174,122,15)
```

Similar Colors

Text with hexadecimal color #ae520f

This text has a font color of #ae520f.

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

#ae520f background color

This paragraph has a background color of #ae520f.

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

#ae520f border color

This element has a border color of #ae520f.

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

CSS codes

.text {color:#ae520f;}

.background {background-color:#ae520f;}

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

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, #0b0501 is the darkest color, while #fefbf8 is the lightest one.

#0b0501
```
#0b0501 rgb(11,5,1)
```
#1e0e03
```
#1e0e03 rgb(30,14,3)
```
#301604
```
#301604 rgb(48,22,4)
```
#421f06
```
#421f06 rgb(66,31,6)
```
#542707
```
#542707 rgb(84,39,7)
```
#663009
```
#663009 rgb(102,48,9)
```
#78380a
```
#78380a rgb(120,56,10)
```
#8a410c
```
#8a410c rgb(138,65,12)
```
#9c490d
```
#9c490d rgb(156,73,13)
```
#ae520f
```
#ae520f rgb(174,82,15)
```
#c05b11
```
#c05b11 rgb(192,91,17)
```
#d26312
```
#d26312 rgb(210,99,18)
```
#e46c14
```
#e46c14 rgb(228,108,20)
```

Shade Color Variation

#ec7620
```
#ec7620 rgb(236,118,32)
```
#ed8132
```
#ed8132 rgb(237,129,50)
```
#ef8c44
```
#ef8c44 rgb(239,140,68)
```
#f09756
```
#f09756 rgb(240,151,86)
```
#f2a268
```
#f2a268 rgb(242,162,104)
```
#f4ad7a
```
#f4ad7a rgb(244,173,122)
```
#f5b88c
```
#f5b88c rgb(245,184,140)
```
#f7c39e
```
#f7c39e rgb(247,195,158)
```
#f8cfb0
```
#f8cfb0 rgb(248,207,176)
```
#fadac2
```
#fadac2 rgb(250,218,194)
```
#fbe5d4
```
#fbe5d4 rgb(251,229,212)
```
#fdf0e6
```
#fdf0e6 rgb(253,240,230)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#655d58
```
#655d58 rgb(101,93,88)
```
#6d5c50
```
#6d5c50 rgb(109,92,80)
```
#745b49
```
#745b49 rgb(116,91,73)
```
#7b5a42
```
#7b5a42 rgb(123,90,66)
```
#82593b
```
#82593b rgb(130,89,59)
```
#8a5833
```
#8a5833 rgb(138,88,51)
```
#91572c
```
#91572c rgb(145,87,44)
```
#985525
```
#985525 rgb(152,85,37)
```
#9f541e
```
#9f541e rgb(159,84,30)
```
#a75316
```
#a75316 rgb(167,83,22)
```
#ae520f
```
#ae520f rgb(174,82,15)
```
#b55108
```
#b55108 rgb(181,81,8)
```
#bd5000
```
#bd5000 rgb(189,80,0)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#746255 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817421 Protanopia 1% of men
#916e08 Deuteranopia 1% of men
#b4555a Tritanopia 0.001% of the population

Trichromacy

#91671b Protanomaly 1% of men, 0.01% of women
#9b640a Deuteranomaly 6% of men, 0.4% of women
#b2543f Tritanomaly 0.01% of the population

#ae520f hex color

#ae520f Color Information

#ae520f Color Conversion

Color Schemes with #ae520f

Alternatives to #ae520f

#ae520f Preview

Shades and Tints of #ae520f

Tones of #ae520f

Color Blindness Simulator