#ae8228 hex color

In a RGB color space, hex #ae8228 is composed of 68.2% red, 51% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.3% magenta, 77% yellow and 31.8% black. It has a hue angle of 40.3 degrees, a saturation of 62.6% and a lightness of 42%. #ae8228 color hex could be obtained by blending #ffff50 with #5d0500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 68
- G 51
- B 16
RGB color chart
- C 0
- M 25
- Y 77
- K 32
CMYK color chart

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

The hexadecimal color #ae8228 has RGB values of R:174, G:130, B:40 and CMYK values of C:0, M:0.25, Y:0.77, K:0.32. Its decimal value is 11436584.

Hex triplet	ae8228	`#ae8228`
RGB Decimal	174, 130, 40	`rgb(174,130,40)`
RGB Percent	68.2, 51, 15.7	`rgb(68.2%,51%,15.7%)`
CMYK	0, 25, 77, 32
HSL	40.3°, 62.6, 42	`hsl(40.3,62.6%,42%)`
HSV (or HSB)	40.3°, 77, 68.2
Web Safe	999933	`#999933`

CIE-LAB	57.191, 8.354, 52.278
XYZ	25.822, 25.119, 5.496
xyY	0.458, 0.445, 25.119
CIE-LCH	57.191, 52.941, 80.921
CIE-LUV	57.191, 36.145, 52.855
Hunter-Lab	50.118, 4.258, 28.581
Binary	10101110, 10000010, 00101000

#ae8228
```
#ae8228 rgb(174,130,40)
```
#2854ae
```
#2854ae rgb(40,84,174)
```

Complementary Color

#ae3f28
```
#ae3f28 rgb(174,63,40)
```
#ae8228
```
#ae8228 rgb(174,130,40)
```
#97ae28
```
#97ae28 rgb(151,174,40)
```

Analogous Color

#3f28ae
```
#3f28ae rgb(63,40,174)
```
#ae8228
```
#ae8228 rgb(174,130,40)
```
#2897ae
```
#2897ae rgb(40,151,174)
```

Split Complementary Color

#8228ae
```
#8228ae rgb(130,40,174)
```
#ae8228
```
#ae8228 rgb(174,130,40)
```
#28ae82
```
#28ae82 rgb(40,174,130)
```

Triadic Color

#ae2854
```
#ae2854 rgb(174,40,84)
```
#ae8228
```
#ae8228 rgb(174,130,40)
```
#28ae82
```
#28ae82 rgb(40,174,130)
```
#2854ae
```
#2854ae rgb(40,84,174)
```

Tetradic Color

#70541a
```
#70541a rgb(112,84,26)
```
#85631e
```
#85631e rgb(133,99,30)
```
#997323
```
#997323 rgb(153,115,35)
```
#ae8228
```
#ae8228 rgb(174,130,40)
```
#c3912d
```
#c3912d rgb(195,145,45)
```
#d19f38
```
#d19f38 rgb(209,159,56)
```
#d6a94d
```
#d6a94d rgb(214,169,77)
```

Monochromatic Color

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

#ae6128
```
#ae6128 rgb(174,97,40)
```
#ae6c28
```
#ae6c28 rgb(174,108,40)
```
#ae7728
```
#ae7728 rgb(174,119,40)
```
#ae8228
```
#ae8228 rgb(174,130,40)
```
#ae8d28
```
#ae8d28 rgb(174,141,40)
```
#ae9828
```
#ae9828 rgb(174,152,40)
```
#aea428
```
#aea428 rgb(174,164,40)
```

Similar Colors

Text with hexadecimal color #ae8228

This text has a font color of #ae8228.

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

#ae8228 background color

This paragraph has a background color of #ae8228.

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

#ae8228 border color

This element has a border color of #ae8228.

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

CSS codes

.text {color:#ae8228;}

.background {background-color:#ae8228;}

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

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

#0f0b03
```
#0f0b03 rgb(15,11,3)
```
#1e1707
```
#1e1707 rgb(30,23,7)
```
#2e230b
```
#2e230b rgb(46,35,11)
```
#3e2f0e
```
#3e2f0e rgb(62,47,14)
```
#4e3b12
```
#4e3b12 rgb(78,59,18)
```
#5e4616
```
#5e4616 rgb(94,70,22)
```
#6e5219
```
#6e5219 rgb(110,82,25)
```
#7e5e1d
```
#7e5e1d rgb(126,94,29)
```
#8e6a21
```
#8e6a21 rgb(142,106,33)
```
#9e7624
```
#9e7624 rgb(158,118,36)
```
#ae8228
```
#ae8228 rgb(174,130,40)
```
#be8e2c
```
#be8e2c rgb(190,142,44)
```
#ce9a2f
```
#ce9a2f rgb(206,154,47)
```

Shade Color Variation

#d3a23e
```
#d3a23e rgb(211,162,62)
```
#d6aa4e
```
#d6aa4e rgb(214,170,78)
```
#dab15e
```
#dab15e rgb(218,177,94)
```
#deb96e
```
#deb96e rgb(222,185,110)
```
#e1c17e
```
#e1c17e rgb(225,193,126)
```
#e5c88e
```
#e5c88e rgb(229,200,142)
```
#e9d09e
```
#e9d09e rgb(233,208,158)
```
#ecd8ae
```
#ecd8ae rgb(236,216,174)
```
#f0e0be
```
#f0e0be rgb(240,224,190)
```
#f4e7ce
```
#f4e7ce rgb(244,231,206)
```
#f7efde
```
#f7efde rgb(247,239,222)
```
#fbf7ee
```
#fbf7ee rgb(251,247,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#6c6b6a
```
#6c6b6a rgb(108,107,106)
```
#746e62
```
#746e62 rgb(116,110,98)
```
#7d7159
```
#7d7159 rgb(125,113,89)
```
#857451
```
#857451 rgb(133,116,81)
```
#8d7749
```
#8d7749 rgb(141,119,73)
```
#957a41
```
#957a41 rgb(149,122,65)
```
#9e7c38
```
#9e7c38 rgb(158,124,56)
```
#a67f30
```
#a67f30 rgb(166,127,48)
```
#ae8228
```
#ae8228 rgb(174,130,40)
```
#b68520
```
#b68520 rgb(182,133,32)
```
#be8818
```
#be8818 rgb(190,136,24)
```
#c78a0f
```
#c78a0f rgb(199,138,15)
```
#cf8d07
```
#cf8d07 rgb(207,141,7)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8d8472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f35 Protanopia 1% of men
#b18833 Deuteranopia 1% of men
#b88089 Tritanopia 0.001% of the population

Trichromacy

#a48a30 Protanomaly 1% of men, 0.01% of women
#b0862f Deuteranomaly 6% of men, 0.4% of women
#b48065 Tritanomaly 0.01% of the population

#ae8228 hex color

#ae8228 Color Information

#ae8228 Color Conversion

Color Schemes with #ae8228

Alternatives to #ae8228

#ae8228 Preview

Shades and Tints of #ae8228

Tones of #ae8228

Color Blindness Simulator