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

#A8221F

In a RGB color space, hex #A8221F is composed of 66% red, 13% green and 12% blue. RGB color code is composed of a hexadecimal A8 red (168/255), a 22 green (34/255) and a 1F blue component (31/255). The decimal RGB color code is rgb(168,34,31) In CMYK color space, it is composed of 0% cyan, 80% magenta, 82% yellow and 34% black. It has a hue angle of 1.31o degrees, a saturation of 69% and a lightness of 39%. Closest websafe color is: #993333 rgb (153, 51, 51).

Color conversion

---

Convert color

---

The hexadecimal color #A8221F has RGB values of R:168, G:34, B:31 and CMYK values of C:0, M:80, Y:82, K:34. Its decimal value is 11018783.Binary code is 101010000010001000011111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color A8221F  #A8221F RGB decimal 168, 34, 31  rgb(168, 34, 31) RGB % 66, 13, 12  rgb(66%, 13%, 12%) RGB Adobe 144, 39, 36 CMYK % 0, 80, 82, 34  0%, 80%, 82%, 34% HSL 1.31o, 69, 39  hsl(1.31o, 69%, 39%) HSV (HSB) 1o, 82%, 66%  hsv(1o, 82%, 66%)

Web Safe color #993333 rgb (153, 51, 51) XYZ 16.968, 9.568 2.249 xyY 0.59, 0.33, 9.57 Hunter-Lab 30.93, 46.16, 16.26 CMY 34%, 87%, 88% Lab 37.74, 53.53, 38.05 Binary color A8 22 1F 10101000 100010 11111

Shades and tints of #A8221F

---

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: #210707 is the darkest color, and: #EED4D4 is the lightest one.

Tint color variation #A8221F

#B54341 rgb (181,67,65) #B54341 #C05F5E rgb (192,95,94) #C05F5E #C97776 rgb (201,119,118) #C97776 #D18B8B rgb (209,139,139) #D18B8B #D89C9C rgb (216,156,156) #D89C9C #DEABAB rgb (222,171,171) #DEABAB #E3B8B8 rgb (227,184,184) #E3B8B8 #E7C3C3 rgb (231,195,195) #E7C3C3 #EBCCCC rgb (235,204,204) #EBCCCC #EED4D4 rgb (238,212,212) #EED4D4

Shade color variation

#8F1D1A rgb (143,29,26) #8F1D1A #7A1916 rgb (122,25,22) #7A1916 #681513 rgb (104,21,19) #681513 #581210 rgb (88,18,16) #581210 #4B0F0E rgb (75,15,14) #4B0F0E #400D0C rgb (64,13,12) #400D0C #360B0A rgb (54,11,10) #360B0A #2E0909 rgb (46,9,9) #2E0909 #270808 rgb (39,8,8) #270808 #210707 rgb (33,7,7) #210707

Tones of #A8221F

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

#A42B29 rgb (164,43,41) #A42B29 #A03432 rgb (160,52,50) #A03432 #9D3C3A rgb (157,60,58) #9D3C3A #9A4341 rgb (154,67,65) #9A4341 #974947 rgb (151,73,71) #974947 #954F4D rgb (149,79,77) #954F4D #935452 rgb (147,84,82) #935452 #915857 rgb (145,88,87) #915857 #8F5C5B rgb (143,92,91) #8F5C5B #8E605F rgb (142,96,95) #8E605F

Alternatives to #A8221F

---

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

#A80E1F rgb (168,14,31) #A80E1F #94221F rgb (148,34,31) #94221F #A80E1F rgb (168,14,31) #A80E1F #A8361F rgb (168,54,31) #A8361F #A84A1F rgb (168,74,31) #A84A1F #A85E1F rgb (168,94,31) #A85E1F

Quick use #A8221F

---

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="#A8221F;">Text here</font>	<div style="background-color:#A8221F;">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="#A8221F;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#A8221F;">Text here</font> </div>

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

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

Pre-formatted code A8221F	code for script / programming
HTML, CSS:	= #A8221F; rgb(168, 34, 31)
Java:	= new Color(168, 34, 31)
.NET:	= Color.FromArgb (168, 34, 31);
Xojo:	= rgb (168, 34, 31, 0);
openGL:	= glColor3f (0.66f, 0.13f, 0.12f);
Swift:	= UIColor(red:0.66, green:0.13, blue:0.12, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.66 green:0.13 blue:0.12 alpha:1.00000];

Color schemes with #A8221F

---

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: 82% has a #A8221F saturation. Adding 82% + 10% = 92% saturation for our new color #820C0A. Decreasing 82% - 10% = 72% saturation for other monochromatic color #CF3C3A. #cf3c3a rgb (207,60,58) #cf3c3a 72% saturation #cf2928 rgb (105,41,40) #cf2928 62% saturation #820c0a rgb (130,12,10) #820c0a 92% saturation #690200 rgb (105,2,0) #690200 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. #A8661E rgb (168,102,30) #A8661E 31o #A8221F rgb (168,34,31) #A8221F 1o #A81E61 rgb (168,30,97) #A81E61 331o

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: #A8221F has a 1o angle. Adding 1o + 180o = 181oo for our new complementary color #1EA6A8. #A8221F rgb (168,34,31) #A8221F 1o #1EA6A8 rgb (30,166,168) #1EA6A8 181o

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: #A8221F has a 1o angle. Adding 1o + 180o+30o = 211o for our first complementary color #1E61A8. Decreasing 1o + 180o-30o = 151o for the second complementary color #1EA866. #1EA866 rgb (30,168,102) #1EA866 151o #A8221F rgb (168,34,31) #A8221F 1o #1E61A8 rgb (30,97,168) #1E61A8 211o

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. #1EA821 rgb (30,168,33) #1EA821 121o #A8221F rgb (168,34,31) #A8221F 1o #211EA8 rgb (33,30,168) #211EA8 241o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #1EA821 rgb (30,168,33) #1EA821 121o #A8221F rgb (168,34,31) #A8221F 1o #1EA6A8 rgb (30,166,168) #1EA6A8 181o #A81EA6 rgb (168,30,166) #A81EA6 301o