#AE022C color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #AE022C

#AE022C

In a RGB color space, hex #AE022C is composed of 68% red, 1% green and 17% blue. RGB color code is composed of a hexadecimal AE red (174/255), a 02 green (2/255) and a 2C blue component (44/255). The decimal RGB color code is rgb(174,2,44) In CMYK color space, it is composed of 0% cyan, 99% magenta, 75% yellow and 32% black. It has a hue angle of 345.35o degrees, a saturation of 98% and a lightness of 35%. Closest websafe color is: #990033 rgb (153, 0, 51).

Color conversion

---

Convert color

---

The hexadecimal color #AE022C has RGB values of R:174, G:2, B:44 and CMYK values of C:0, M:99, Y:75, K:32. Its decimal value is 11403820.Binary code is 101011100000001000101100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color AE022C  #AE022C RGB decimal 174, 2, 44  rgb(174, 2, 44) RGB % 68, 1, 17  rgb(68%, 1%, 17%) RGB Adobe 148, 9, 47 CMYK % 0, 99, 75, 32  0%, 99%, 75%, 32% HSL 345.35o, 98, 35  hsl(345.35o, 98%, 35%) HSV (HSB) 345o, 99%, 68%  hsv(345o, 99%, 68%)

Web Safe color #990033 rgb (153, 0, 51) XYZ 17.932, 9.224 3.218 xyY 0.59, 0.3, 9.22 Hunter-Lab 30.37, 54.72, 13.84 CMY 32%, 99%, 83% Lab 37.14, 61.09, 30.16 Binary color AE 02 2C 10101110 10 101100

Shades and tints of #AE022C

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #220209 is the darkest color, and: #EFCDD6 is the lightest one.

Tint color variation #AE022C

#BA284C rgb (186,40,76) #BA284C #C44867 rgb (196,72,103) #C44867 #CD637E rgb (205,99,126) #CD637E #D57A91 rgb (213,122,145) #D57A91 #DB8EA2 rgb (219,142,162) #DB8EA2 #E09FB0 rgb (224,159,176) #E09FB0 #E5ADBC rgb (229,173,188) #E5ADBC #E9B9C6 rgb (233,185,198) #E9B9C6 #ECC4CF rgb (236,196,207) #ECC4CF #EFCDD6 rgb (239,205,214) #EFCDD6

Shade color variation

#940225 rgb (148,2,37) #940225 #7E021F rgb (126,2,31) #7E021F #6B021A rgb (107,2,26) #6B021A #5B0216 rgb (91,2,22) #5B0216 #4D0213 rgb (77,2,19) #4D0213 #410210 rgb (65,2,16) #410210 #37020E rgb (55,2,14) #37020E #2F020C rgb (47,2,12) #2F020C #28020A rgb (40,2,10) #28020A #220209 rgb (34,2,9) #220209

Tones of #AE022C

A tone is produced by adding gray to any pure hue. In this case, #A90F34 is the less saturated color, and #905463 is the most saturated one.

#A90F34 rgb (169,15,52) #A90F34 #A51A3C rgb (165,26,60) #A51A3C #A12443 rgb (161,36,67) #A12443 #9E2D49 rgb (158,45,73) #9E2D49 #9B354F rgb (155,53,79) #9B354F #983D54 rgb (152,61,84) #983D54 #964458 rgb (150,68,88) #964458 #944A5C rgb (148,74,92) #944A5C #924F60 rgb (146,79,96) #924F60 #905463 rgb (144,84,99) #905463

Alternatives to #AE022C

---

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

#72022C rgb (114,2,44) #72022C #86022C rgb (134,2,44) #86022C #9A022C rgb (154,2,44) #9A022C #AE162C rgb (174,22,44) #AE162C #AE2A2C rgb (174,42,44) #AE2A2C #AE3E2C rgb (174,62,44) #AE3E2C

Quick use #AE022C

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#AE022C;">Text here</font>	<div style="background-color:#AE022C;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#AE022C;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#AE022C;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #AE022C	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #AE022C;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #AE022C;

Box border html code	Text shadow with RGB values for color #AE022C
box border html code for color #AE022C	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #AE022C;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(174, 2, 44, 1.4);

Pre-formatted code AE022C	code for script / programming
HTML, CSS:	= #AE022C; rgb(174, 2, 44)
Java:	= new Color(174, 2, 44)
.NET:	= Color.FromArgb (174, 2, 44);
Xojo:	= rgb (174, 2, 44, 0);
openGL:	= glColor3f (0.68f, 0.01f, 0.17f);
Swift:	= UIColor(red:0.68, green:0.01, blue:0.17, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.68 green:0.01 blue:0.17 alpha:1.00000];

Color schemes with #AE022C

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 99% has a #AE022C saturation. Adding 99% + 10% = 100% saturation for our new color #870022. Decreasing 99% - 10% = 89% saturation for other monochromatic color #D41746. #d41746 rgb (212,23,70) #d41746 89% saturation #d4172d rgb (110,23,45) #d4172d 79% saturation #870022 rgb (135,0,34) #870022 100% saturation #6e001b rgb (110,0,27) #6e001b 100% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #AD2D02 rgb (173,45,2) #AD2D02 15o #AE022C rgb (174,2,44) #AE022C 345o #AD0282 rgb (173,2,130) #AD0282 315o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #AE022C has a 345o angle. Adding 345o + 180o = 165oo for our new complementary color #02AD82. #AE022C rgb (174,2,44) #AE022C 345o #02AD82 rgb (2,173,130) #02AD82 165o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #AE022C has a 345o angle. Adding 345o + 180o+30o = 195o for our first complementary color #0282AD. Decreasing 345o + 180o-30o = 135o for the second complementary color #02AD2D. #02AD2D rgb (2,173,45) #02AD2D 135o #AE022C rgb (174,2,44) #AE022C 345o #0282AD rgb (2,130,173) #0282AD 195o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #2DAD02 rgb (45,173,2) #2DAD02 105o #AE022C rgb (174,2,44) #AE022C 345o #022DAD rgb (2,45,173) #022DAD 225o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #2DAD02 rgb (45,173,2) #2DAD02 105o #AE022C rgb (174,2,44) #AE022C 345o #02AD82 rgb (2,173,130) #02AD82 165o #8202AD rgb (130,2,173) #8202AD 285o