#a30222 hex color

In a RGB color space, hex #a30222 is composed of 63.9% red, 0.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 79.1% yellow and 36.1% black. It has a hue angle of 348.1 degrees, a saturation of 97.6% and a lightness of 32.4%. #a30222 color hex could be obtained by blending #ff0444 with #470000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 64
- G 1
- B 13
RGB color chart
- C 0
- M 99
- Y 79
- K 36
CMYK color chart

● #a30222 color description : Dark red.

The hexadecimal color #a30222 has RGB values of R:163, G:2, B:34 and CMYK values of C:0, M:0.99, Y:0.79, K:0.36. Its decimal value is 10682914.

Hex triplet	a30222	`#a30222`
RGB Decimal	163, 2, 34	`rgb(163,2,34)`
RGB Percent	63.9, 0.8, 13.3	`rgb(63.9%,0.8%,13.3%)`
CMYK	0, 99, 79, 36
HSL	348.1°, 97.6, 32.4	`hsl(348.1,97.6%,32.4%)`
HSV (or HSB)	348.1°, 98.8, 63.9
Web Safe	990033	`#990033`

CIE-LAB	33.873, 57.703, 31.222
XYZ	15.416, 7.947, 2.236
xyY	0.602, 0.31, 7.947
CIE-LCH	33.873, 65.608, 28.417
CIE-LUV	33.873, 105, 16.623
Hunter-Lab	28.191, 48.273, 15.032
Binary	10100011, 00000010, 00100010

#a30222
```
#a30222 rgb(163,2,34)
```
#02a383
```
#02a383 rgb(2,163,131)
```

Complementary Color

#a30273
```
#a30273 rgb(163,2,115)
```
#a30222
```
#a30222 rgb(163,2,34)
```
#a33202
```
#a33202 rgb(163,50,2)
```

Analogous Color

#0273a3
```
#0273a3 rgb(2,115,163)
```
#a30222
```
#a30222 rgb(163,2,34)
```
#02a332
```
#02a332 rgb(2,163,50)
```

Split Complementary Color

#0222a3
```
#0222a3 rgb(2,34,163)
```
#a30222
```
#a30222 rgb(163,2,34)
```
#22a302
```
#22a302 rgb(34,163,2)
```

Triadic Color

#8302a3
```
#8302a3 rgb(131,2,163)
```
#a30222
```
#a30222 rgb(163,2,34)
```
#22a302
```
#22a302 rgb(34,163,2)
```
#02a383
```
#02a383 rgb(2,163,131)
```

Tetradic Color

#570112
```
#570112 rgb(87,1,18)
```
#710117
```
#710117 rgb(113,1,23)
```
#8a021d
```
#8a021d rgb(138,2,29)
```
#a30222
```
#a30222 rgb(163,2,34)
```
#bc0227
```
#bc0227 rgb(188,2,39)
```
#d5032d
```
#d5032d rgb(213,3,45)
```
#ef0332
```
#ef0332 rgb(239,3,50)
```

Monochromatic Color

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

#a3024a
```
#a3024a rgb(163,2,74)
```
#a3023d
```
#a3023d rgb(163,2,61)
```
#a3022f
```
#a3022f rgb(163,2,47)
```
#a30222
```
#a30222 rgb(163,2,34)
```
#a30215
```
#a30215 rgb(163,2,21)
```
#a30207
```
#a30207 rgb(163,2,7)
```
#a30a02
```
#a30a02 rgb(163,10,2)
```

Similar Colors

Text with hexadecimal color #a30222

This text has a font color of #a30222.

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

#a30222 background color

This paragraph has a background color of #a30222.

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

#a30222 border color

This element has a border color of #a30222.

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

CSS codes

.text {color:#a30222;}

.background {background-color:#a30222;}

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

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

#080002
```
#080002 rgb(8,0,2)
```
#1b0006
```
#1b0006 rgb(27,0,6)
```
#2f010a
```
#2f010a rgb(47,1,10)
```
#42010e
```
#42010e rgb(66,1,14)
```
#550112
```
#550112 rgb(85,1,18)
```
#690116
```
#690116 rgb(105,1,22)
```
#7c021a
```
#7c021a rgb(124,2,26)
```
#90021e
```
#90021e rgb(144,2,30)
```
#a30222
```
#a30222 rgb(163,2,34)
```
#b60226
```
#b60226 rgb(182,2,38)
```
#ca022a
```
#ca022a rgb(202,2,42)
```
#dd032e
```
#dd032e rgb(221,3,46)
```
#f10332
```
#f10332 rgb(241,3,50)
```

Shade Color Variation

#fc0b3b
```
#fc0b3b rgb(252,11,59)
```
#fc1e4b
```
#fc1e4b rgb(252,30,75)
```
#fc325a
```
#fc325a rgb(252,50,90)
```
#fd456a
```
#fd456a rgb(253,69,106)
```
#fd5979
```
#fd5979 rgb(253,89,121)
```
#fd6c89
```
#fd6c89 rgb(253,108,137)
```
#fd7f98
```
#fd7f98 rgb(253,127,152)
```
#fe93a8
```
#fe93a8 rgb(254,147,168)
```
#fea6b8
```
#fea6b8 rgb(254,166,184)
```
#feb9c7
```
#feb9c7 rgb(254,185,199)
```
#fecdd7
```
#fecdd7 rgb(254,205,215)
```
#ffe0e6
```
#ffe0e6 rgb(255,224,230)
```
#fff4f6
```
#fff4f6 rgb(255,244,246)
```

Tint Color Variation

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

#574e50
```
#574e50 rgb(87,78,80)
```
#5d484c
```
#5d484c rgb(93,72,76)
```
#644148
```
#644148 rgb(100,65,72)
```
#6a3b44
```
#6a3b44 rgb(106,59,68)
```
#703541
```
#703541 rgb(112,53,65)
```
#772e3d
```
#772e3d rgb(119,46,61)
```
#7d2839
```
#7d2839 rgb(125,40,57)
```
#832235
```
#832235 rgb(131,34,53)
```
#8a1b31
```
#8a1b31 rgb(138,27,49)
```
#90152d
```
#90152d rgb(144,21,45)
```
#960f2a
```
#960f2a rgb(150,15,42)
```
#9d0826
```
#9d0826 rgb(157,8,38)
```
#a30222
```
#a30222 rgb(163,2,34)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#4c2c32 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f583f Protanopia 1% of men
#6d5422 Deuteranopia 1% of men
#a71610 Tritanopia 0.001% of the population

Trichromacy

#783934 Protanomaly 1% of men, 0.01% of women
#813622 Deuteranomaly 6% of men, 0.4% of women
#a50e16 Tritanomaly 0.01% of the population

#a30222 hex color

#a30222 Color Information

#a30222 Color Conversion

Color Schemes with #a30222

Alternatives to #a30222

#a30222 Preview

Shades and Tints of #a30222

Tones of #a30222

Color Blindness Simulator