#a7220a hex color

In a RGB color space, hex #a7220a is composed of 65.5% red, 13.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 94% yellow and 34.5% black. It has a hue angle of 9.2 degrees, a saturation of 88.7% and a lightness of 34.7%. #a7220a color hex could be obtained by blending #ff4414 with #4f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 65
- G 13
- B 4
RGB color chart
- C 0
- M 80
- Y 94
- K 35
CMYK color chart

● #a7220a color description : Dark red.

The hexadecimal color #a7220a has RGB values of R:167, G:34, B:10 and CMYK values of C:0, M:0.8, Y:0.94, K:0.35. Its decimal value is 10953226.

Hex triplet	a7220a	`#a7220a`
RGB Decimal	167, 34, 10	`rgb(167,34,10)`
RGB Percent	65.5, 13.3, 3.9	`rgb(65.5%,13.3%,3.9%)`
CMYK	0, 80, 94, 35
HSL	9.2°, 88.7, 34.7	`hsl(9.2,88.7%,34.7%)`
HSV (or HSB)	9.2°, 94, 65.5
Web Safe	993300	`#993300`

CIE-LAB	36.713, 52.075, 46.054
XYZ	16.564, 9.384, 1.226
xyY	0.61, 0.345, 9.384
CIE-LCH	36.713, 69.518, 41.489
CIE-LUV	36.713, 101.991, 26.833
Hunter-Lab	30.633, 42.914, 19.069
Binary	10100111, 00100010, 00001010

#a7220a
```
#a7220a rgb(167,34,10)
```
#0a8fa7
```
#0a8fa7 rgb(10,143,167)
```

Complementary Color

#a70a41
```
#a70a41 rgb(167,10,65)
```
#a7220a
```
#a7220a rgb(167,34,10)
```
#a7710a
```
#a7710a rgb(167,113,10)
```

Analogous Color

#0a41a7
```
#0a41a7 rgb(10,65,167)
```
#a7220a
```
#a7220a rgb(167,34,10)
```
#0aa771
```
#0aa771 rgb(10,167,113)
```

Split Complementary Color

#220aa7
```
#220aa7 rgb(34,10,167)
```
#a7220a
```
#a7220a rgb(167,34,10)
```
#0aa722
```
#0aa722 rgb(10,167,34)
```

Triadic Color

#a70a8f
```
#a70a8f rgb(167,10,143)
```
#a7220a
```
#a7220a rgb(167,34,10)
```
#0aa722
```
#0aa722 rgb(10,167,34)
```
#0a8fa7
```
#0a8fa7 rgb(10,143,167)
```

Tetradic Color

#5f1306
```
#5f1306 rgb(95,19,6)
```
#771807
```
#771807 rgb(119,24,7)
```
#8f1d09
```
#8f1d09 rgb(143,29,9)
```
#a7220a
```
#a7220a rgb(167,34,10)
```
#bf270b
```
#bf270b rgb(191,39,11)
```
#d72c0d
```
#d72c0d rgb(215,44,13)
```
#ef310e
```
#ef310e rgb(239,49,14)
```

Monochromatic Color

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

#a70a19
```
#a70a19 rgb(167,10,25)
```
#a70a0c
```
#a70a0c rgb(167,10,12)
```
#a7150a
```
#a7150a rgb(167,21,10)
```
#a7220a
```
#a7220a rgb(167,34,10)
```
#a72f0a
```
#a72f0a rgb(167,47,10)
```
#a73c0a
```
#a73c0a rgb(167,60,10)
```
#a7490a
```
#a7490a rgb(167,73,10)
```

Similar Colors

Text with hexadecimal color #a7220a

This text has a font color of #a7220a.

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

#a7220a background color

This paragraph has a background color of #a7220a.

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

#a7220a border color

This element has a border color of #a7220a.

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

CSS codes

.text {color:#a7220a;}

.background {background-color:#a7220a;}

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

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, #000000 is the darkest color, while #fef0ed is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#130401
```
#130401 rgb(19,4,1)
```
#250802
```
#250802 rgb(37,8,2)
```
#380b03
```
#380b03 rgb(56,11,3)
```
#4a0f04
```
#4a0f04 rgb(74,15,4)
```
#5d1306
```
#5d1306 rgb(93,19,6)
```
#6f1707
```
#6f1707 rgb(111,23,7)
```
#821a08
```
#821a08 rgb(130,26,8)
```
#941e09
```
#941e09 rgb(148,30,9)
```
#a7220a
```
#a7220a rgb(167,34,10)
```
#ba260b
```
#ba260b rgb(186,38,11)
```
#cc2a0c
```
#cc2a0c rgb(204,42,12)
```
#df2d0d
```
#df2d0d rgb(223,45,13)
```

Shade Color Variation

#f1310f
```
#f1310f rgb(241,49,15)
```
#f24121
```
#f24121 rgb(242,65,33)
```
#f35134
```
#f35134 rgb(243,81,52)
```
#f46146
```
#f46146 rgb(244,97,70)
```
#f57159
```
#f57159 rgb(245,113,89)
```
#f6816b
```
#f6816b rgb(246,129,107)
```
#f7907e
```
#f7907e rgb(247,144,126)
```
#f8a090
```
#f8a090 rgb(248,160,144)
```
#f9b0a3
```
#f9b0a3 rgb(249,176,163)
```
#fbc0b5
```
#fbc0b5 rgb(251,192,181)
```
#fcd0c8
```
#fcd0c8 rgb(252,208,200)
```
#fde0da
```
#fde0da rgb(253,224,218)
```
#fef0ed
```
#fef0ed rgb(254,240,237)
```

Tint Color Variation

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

#5c5655
```
#5c5655 rgb(92,86,85)
```
#63514e
```
#63514e rgb(99,81,78)
```
#6a4d47
```
#6a4d47 rgb(106,77,71)
```
#714840
```
#714840 rgb(113,72,64)
```
#77433a
```
#77433a rgb(119,67,58)
```
#7e3e33
```
#7e3e33 rgb(126,62,51)
```
#853a2c
```
#853a2c rgb(133,58,44)
```
#8c3525
```
#8c3525 rgb(140,53,37)
```
#93301e
```
#93301e rgb(147,48,30)
```
#992b18
```
#992b18 rgb(153,43,24)
```
#a02711
```
#a02711 rgb(160,39,17)
```
#a7220a
```
#a7220a rgb(167,34,10)
```
#ae1d03
```
#ae1d03 rgb(174,29,3)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#5a403b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a5f22 Protanopia 1% of men
#765a00 Deuteranopia 1% of men
#ab2b2c Tritanopia 0.001% of the population

Trichromacy

#804919 Protanomaly 1% of men, 0.01% of women
#884603 Deuteranomaly 6% of men, 0.4% of women
#aa271f Tritanomaly 0.01% of the population

#a7220a hex color

#a7220a Color Information

#a7220a Color Conversion

Color Schemes with #a7220a

Alternatives to #a7220a

#a7220a Preview

Shades and Tints of #a7220a

Tones of #a7220a

Color Blindness Simulator