#a30022 hex color

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

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

● #a30022 color description : Dark red.

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

Hex triplet	a30022	`#a30022`
RGB Decimal	163, 0, 34	`rgb(163,0,34)`
RGB Percent	63.9, 0, 13.3	`rgb(63.9%,0%,13.3%)`
CMYK	0, 100, 79, 36
HSL	347.5°, 100, 32	`hsl(347.5,100%,32%)`
HSV (or HSB)	347.5°, 100, 63.9
Web Safe	990033	`#990033`

CIE-LAB	33.782, 57.967, 31.125
XYZ	15.394, 7.904, 2.228
xyY	0.603, 0.31, 7.904
CIE-LCH	33.782, 65.794, 28.233
CIE-LUV	33.782, 105.393, 16.456
Hunter-Lab	28.114, 48.537, 14.98
Binary	10100011, 00000000, 00100010

#a30022
```
#a30022 rgb(163,0,34)
```
#00a381
```
#00a381 rgb(0,163,129)
```

Complementary Color

#a30074
```
#a30074 rgb(163,0,116)
```
#a30022
```
#a30022 rgb(163,0,34)
```
#a32f00
```
#a32f00 rgb(163,47,0)
```

Analogous Color

#0074a3
```
#0074a3 rgb(0,116,163)
```
#a30022
```
#a30022 rgb(163,0,34)
```
#00a32f
```
#00a32f rgb(0,163,47)
```

Split Complementary Color

#0022a3
```
#0022a3 rgb(0,34,163)
```
#a30022
```
#a30022 rgb(163,0,34)
```
#22a300
```
#22a300 rgb(34,163,0)
```

Triadic Color

#8100a3
```
#8100a3 rgb(129,0,163)
```
#a30022
```
#a30022 rgb(163,0,34)
```
#22a300
```
#22a300 rgb(34,163,0)
```
#00a381
```
#00a381 rgb(0,163,129)
```

Tetradic Color

#570012
```
#570012 rgb(87,0,18)
```
#700017
```
#700017 rgb(112,0,23)
```
#8a001d
```
#8a001d rgb(138,0,29)
```
#a30022
```
#a30022 rgb(163,0,34)
```
#bd0027
```
#bd0027 rgb(189,0,39)
```
#d6002d
```
#d6002d rgb(214,0,45)
```
#f00032
```
#f00032 rgb(240,0,50)
```

Monochromatic Color

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

#a3004b
```
#a3004b rgb(163,0,75)
```
#a3003d
```
#a3003d rgb(163,0,61)
```
#a30030
```
#a30030 rgb(163,0,48)
```
#a30022
```
#a30022 rgb(163,0,34)
```
#a30014
```
#a30014 rgb(163,0,20)
```
#a30007
```
#a30007 rgb(163,0,7)
```
#a30700
```
#a30700 rgb(163,7,0)
```

Similar Colors

Text with hexadecimal color #a30022

This text has a font color of #a30022.

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

#a30022 background color

This paragraph has a background color of #a30022.

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

#a30022 border color

This element has a border color of #a30022.

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

CSS codes

.text {color:#a30022;}

.background {background-color:#a30022;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#1a0005
```
#1a0005 rgb(26,0,5)
```
#2d0009
```
#2d0009 rgb(45,0,9)
```
#41000e
```
#41000e rgb(65,0,14)
```
#550012
```
#550012 rgb(85,0,18)
```
#680016
```
#680016 rgb(104,0,22)
```
#7c001a
```
#7c001a rgb(124,0,26)
```
#8f001e
```
#8f001e rgb(143,0,30)
```
#a30022
```
#a30022 rgb(163,0,34)
```
#b70026
```
#b70026 rgb(183,0,38)
```
#ca002a
```
#ca002a rgb(202,0,42)
```
#de002e
```
#de002e rgb(222,0,46)
```
#f10032
```
#f10032 rgb(241,0,50)
```

Shade Color Variation

#ff063a
```
#ff063a rgb(255,6,58)
```
#ff1a4a
```
#ff1a4a rgb(255,26,74)
```
#ff2d59
```
#ff2d59 rgb(255,45,89)
```
#ff4169
```
#ff4169 rgb(255,65,105)
```
#ff5578
```
#ff5578 rgb(255,85,120)
```
#ff6888
```
#ff6888 rgb(255,104,136)
```
#ff7c97
```
#ff7c97 rgb(255,124,151)
```
#ff8fa7
```
#ff8fa7 rgb(255,143,167)
```
#ffa3b6
```
#ffa3b6 rgb(255,163,182)
```
#ffb7c6
```
#ffb7c6 rgb(255,183,198)
```
#ffcad5
```
#ffcad5 rgb(255,202,213)
```
#ffdee5
```
#ffdee5 rgb(255,222,229)
```
#fff1f4
```
#fff1f4 rgb(255,241,244)
```

Tint Color Variation

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

#584b4e
```
#584b4e rgb(88,75,78)
```
#5e454a
```
#5e454a rgb(94,69,74)
```
#643f47
```
#643f47 rgb(100,63,71)
```
#6b3843
```
#6b3843 rgb(107,56,67)
```
#71323f
```
#71323f rgb(113,50,63)
```
#772c3c
```
#772c3c rgb(119,44,60)
```
#7d2638
```
#7d2638 rgb(125,38,56)
```
#841f34
```
#841f34 rgb(132,31,52)
```
#8a1931
```
#8a1931 rgb(138,25,49)
```
#90132d
```
#90132d rgb(144,19,45)
```
#960d29
```
#960d29 rgb(150,13,41)
```
#9d0626
```
#9d0626 rgb(157,6,38)
```
#a30022
```
#a30022 rgb(163,0,34)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#4b2a31 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#773834 Protanomaly 1% of men, 0.01% of women
#813522 Deuteranomaly 6% of men, 0.4% of women
#a50c14 Tritanomaly 0.01% of the population

#a30022 hex color

#a30022 Color Information

#a30022 Color Conversion

Color Schemes with #a30022

Alternatives to #a30022

#a30022 Preview

Shades and Tints of #a30022

Tones of #a30022

Color Blindness Simulator