colorhexa.com

#ae6228 hex color

In a RGB color space, hex #ae6228 is composed of 68.2% red, 38.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.7% magenta, 77% yellow and 31.8% black. It has a hue angle of 26 degrees, a saturation of 62.6% and a lightness of 42%. #ae6228 color hex could be obtained by blending #ffc450 with #5d0000. Closest websafe color is: #996633.

- R 68
- G 38
- B 16
RGB color chart
- C 0
- M 44
- Y 77
- K 32
CMYK color chart

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

The hexadecimal color #ae6228 has RGB values of R:174, G:98, B:40 and CMYK values of C:0, M:0.44, Y:0.77, K:0.32. Its decimal value is 11428392.

Hex triplet	ae6228	`#ae6228`
RGB Decimal	174, 98, 40	`rgb(174,98,40)`
RGB Percent	68.2, 38.4, 15.7	`rgb(68.2%,38.4%,15.7%)`
CMYK	0, 44, 77, 32
HSL	26°, 62.6, 42	`hsl(26,62.6%,42%)`
HSV (or HSB)	26°, 77, 68.2
Web Safe	996633	`#996633`

CIE-LAB	49.361, 26.225, 44.632
XYZ	22.207, 17.889, 4.291
xyY	0.5, 0.403, 17.889
CIE-LCH	49.361, 51.766, 59.562
CIE-LUV	49.361, 60.91, 39.974
Hunter-Lab	42.295, 19.703, 23.592
Binary	10101110, 01100010, 00101000

#ae6228
```
#ae6228 rgb(174,98,40)
```
#2874ae
```
#2874ae rgb(40,116,174)
```

Complementary Color

#ae2831
```
#ae2831 rgb(174,40,49)
```
#ae6228
```
#ae6228 rgb(174,98,40)
```
#aea528
```
#aea528 rgb(174,165,40)
```

Analogous Color

#2831ae
```
#2831ae rgb(40,49,174)
```
#ae6228
```
#ae6228 rgb(174,98,40)
```
#28aea5
```
#28aea5 rgb(40,174,165)
```

Split Complementary Color

#6228ae
```
#6228ae rgb(98,40,174)
```
#ae6228
```
#ae6228 rgb(174,98,40)
```
#28ae62
```
#28ae62 rgb(40,174,98)
```

Triadic Color

#ae2874
```
#ae2874 rgb(174,40,116)
```
#ae6228
```
#ae6228 rgb(174,98,40)
```
#28ae62
```
#28ae62 rgb(40,174,98)
```
#2874ae
```
#2874ae rgb(40,116,174)
```

Tetradic Color

#703f1a
```
#703f1a rgb(112,63,26)
```
#854b1e
```
#854b1e rgb(133,75,30)
```
#995623
```
#995623 rgb(153,86,35)
```
#ae6228
```
#ae6228 rgb(174,98,40)
```
#c36e2d
```
#c36e2d rgb(195,110,45)
```
#d17a38
```
#d17a38 rgb(209,122,56)
```
#d6884d
```
#d6884d rgb(214,136,77)
```

Monochromatic Color

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

#ae4128
```
#ae4128 rgb(174,65,40)
```
#ae4c28
```
#ae4c28 rgb(174,76,40)
```
#ae5728
```
#ae5728 rgb(174,87,40)
```
#ae6228
```
#ae6228 rgb(174,98,40)
```
#ae6d28
```
#ae6d28 rgb(174,109,40)
```
#ae7828
```
#ae7828 rgb(174,120,40)
```
#ae8428
```
#ae8428 rgb(174,132,40)
```

Similar Colors

Text with hexadecimal color #ae6228

This text has a font color of #ae6228.

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

#ae6228 background color

This paragraph has a background color of #ae6228.

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

#ae6228 border color

This element has a border color of #ae6228.

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

CSS codes

.text {color:#ae6228;}

.background {background-color:#ae6228;}

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

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

#0f0803
```
#0f0803 rgb(15,8,3)
```
#1e1107
```
#1e1107 rgb(30,17,7)
```
#2e1a0b
```
#2e1a0b rgb(46,26,11)
```
#3e230e
```
#3e230e rgb(62,35,14)
```
#4e2c12
```
#4e2c12 rgb(78,44,18)
```
#5e3516
```
#5e3516 rgb(94,53,22)
```
#6e3e19
```
#6e3e19 rgb(110,62,25)
```
#7e471d
```
#7e471d rgb(126,71,29)
```
#8e5021
```
#8e5021 rgb(142,80,33)
```
#9e5924
```
#9e5924 rgb(158,89,36)
```
#ae6228
```
#ae6228 rgb(174,98,40)
```
#be6b2c
```
#be6b2c rgb(190,107,44)
```
#ce742f
```
#ce742f rgb(206,116,47)
```

Shade Color Variation

#d37e3e
```
#d37e3e rgb(211,126,62)
```
#d6894e
```
#d6894e rgb(214,137,78)
```
#da945e
```
#da945e rgb(218,148,94)
```
#de9e6e
```
#de9e6e rgb(222,158,110)
```
#e1a97e
```
#e1a97e rgb(225,169,126)
```
#e5b48e
```
#e5b48e rgb(229,180,142)
```
#e9be9e
```
#e9be9e rgb(233,190,158)
```
#ecc9ae
```
#ecc9ae rgb(236,201,174)
```
#f0d4be
```
#f0d4be rgb(240,212,190)
```
#f4dece
```
#f4dece rgb(244,222,206)
```
#f7e9de
```
#f7e9de rgb(247,233,222)
```
#fbf3ee
```
#fbf3ee rgb(251,243,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 #cf5e07 is the most saturated one.

#6c6b6a
```
#6c6b6a rgb(108,107,106)
```
#746a62
```
#746a62 rgb(116,106,98)
```
#7d6959
```
#7d6959 rgb(125,105,89)
```
#856851
```
#856851 rgb(133,104,81)
```
#8d6649
```
#8d6649 rgb(141,102,73)
```
#956541
```
#956541 rgb(149,101,65)
```
#9e6438
```
#9e6438 rgb(158,100,56)
```
#a66330
```
#a66330 rgb(166,99,48)
```
#ae6228
```
#ae6228 rgb(174,98,40)
```
#b66120
```
#b66120 rgb(182,97,32)
```
#be6018
```
#be6018 rgb(190,96,24)
```
#c75f0f
```
#c75f0f rgb(199,95,15)
```
#cf5e07
```
#cf5e07 rgb(207,94,7)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7e6f63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897c38 Protanopia 1% of men
#9a762e Deuteranopia 1% of men
#b5646a Tritanopia 0.001% of the population

Trichromacy

#977232 Protanomaly 1% of men, 0.01% of women
#a16f2c Deuteranomaly 6% of men, 0.4% of women
#b26352 Tritanomaly 0.01% of the population