#a22242 hex color

In a RGB color space, hex #a22242 is composed of 63.5% red, 13.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79% magenta, 59.3% yellow and 36.5% black. It has a hue angle of 345 degrees, a saturation of 65.3% and a lightness of 38.4%. #a22242 color hex could be obtained by blending #ff4484 with #450000. Closest websafe color is: #993333.

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

● #a22242 color description : Dark red.

The hexadecimal color #a22242 has RGB values of R:162, G:34, B:66 and CMYK values of C:0, M:0.79, Y:0.59, K:0.36. Its decimal value is 10625602.

Hex triplet	a22242	`#a22242`
RGB Decimal	162, 34, 66	`rgb(162,34,66)`
RGB Percent	63.5, 13.3, 25.9	`rgb(63.5%,13.3%,25.9%)`
CMYK	0, 79, 59, 36
HSL	345°, 65.3, 38.4	`hsl(345,65.3%,38.4%)`
HSV (or HSB)	345°, 79, 63.5
Web Safe	993333	`#993333`

CIE-LAB	36.406, 52.791, 13.964
XYZ	16.456, 9.221, 6.067
xyY	0.518, 0.29, 9.221
CIE-LCH	36.406, 54.606, 14.817
CIE-LUV	36.406, 86.479, 5.414
Hunter-Lab	30.366, 43.597, 9.409
Binary	10100010, 00100010, 01000010

#a22242
```
#a22242 rgb(162,34,66)
```
#22a282
```
#22a282 rgb(34,162,130)
```

Complementary Color

#a22282
```
#a22282 rgb(162,34,130)
```
#a22242
```
#a22242 rgb(162,34,66)
```
#a24222
```
#a24222 rgb(162,66,34)
```

Analogous Color

#2282a2
```
#2282a2 rgb(34,130,162)
```
#a22242
```
#a22242 rgb(162,34,66)
```
#22a242
```
#22a242 rgb(34,162,66)
```

Split Complementary Color

#2242a2
```
#2242a2 rgb(34,66,162)
```
#a22242
```
#a22242 rgb(162,34,66)
```
#42a222
```
#42a222 rgb(66,162,34)
```

Triadic Color

#8222a2
```
#8222a2 rgb(130,34,162)
```
#a22242
```
#a22242 rgb(162,34,66)
```
#42a222
```
#42a222 rgb(66,162,34)
```
#22a282
```
#22a282 rgb(34,162,130)
```

Tetradic Color

#631528
```
#631528 rgb(99,21,40)
```
#781931
```
#781931 rgb(120,25,49)
```
#8d1e39
```
#8d1e39 rgb(141,30,57)
```
#a22242
```
#a22242 rgb(162,34,66)
```
#b7264b
```
#b7264b rgb(183,38,75)
```
#cc2b53
```
#cc2b53 rgb(204,43,83)
```
#d63b61
```
#d63b61 rgb(214,59,97)
```

Monochromatic Color

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

#a22262
```
#a22262 rgb(162,34,98)
```
#a22257
```
#a22257 rgb(162,34,87)
```
#a2224d
```
#a2224d rgb(162,34,77)
```
#a22242
```
#a22242 rgb(162,34,66)
```
#a22237
```
#a22237 rgb(162,34,55)
```
#a2222d
```
#a2222d rgb(162,34,45)
```
#a22222
```
#a22222 rgb(162,34,34)
```

Similar Colors

Text with hexadecimal color #a22242

This text has a font color of #a22242.

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

#a22242 background color

This paragraph has a background color of #a22242.

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

#a22242 border color

This element has a border color of #a22242.

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

CSS codes

.text {color:#a22242;}

.background {background-color:#a22242;}

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

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

#100307
```
#100307 rgb(16,3,7)
```
#20070d
```
#20070d rgb(32,7,13)
```
#310a14
```
#310a14 rgb(49,10,20)
```
#410e1a
```
#410e1a rgb(65,14,26)
```
#511121
```
#511121 rgb(81,17,33)
```
#611428
```
#611428 rgb(97,20,40)
```
#71182e
```
#71182e rgb(113,24,46)
```
#821b35
```
#821b35 rgb(130,27,53)
```
#921f3b
```
#921f3b rgb(146,31,59)
```
#a22242
```
#a22242 rgb(162,34,66)
```
#b22549
```
#b22549 rgb(178,37,73)
```
#c2294f
```
#c2294f rgb(194,41,79)
```
#d32c56
```
#d32c56 rgb(211,44,86)
```

Shade Color Variation

#d63c63
```
#d63c63 rgb(214,60,99)
```
#da4d70
```
#da4d70 rgb(218,77,112)
```
#dd5d7d
```
#dd5d7d rgb(221,93,125)
```
#e06d8a
```
#e06d8a rgb(224,109,138)
```
#e47d97
```
#e47d97 rgb(228,125,151)
```
#e78da4
```
#e78da4 rgb(231,141,164)
```
#eb9eb1
```
#eb9eb1 rgb(235,158,177)
```
#eeaebe
```
#eeaebe rgb(238,174,190)
```
#f1becb
```
#f1becb rgb(241,190,203)
```
#f5ced8
```
#f5ced8 rgb(245,206,216)
```
#f8dee5
```
#f8dee5 rgb(248,222,229)
```
#fceff2
```
#fceff2 rgb(252,239,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#665e60
```
#665e60 rgb(102,94,96)
```
#6d575c
```
#6d575c rgb(109,87,92)
```
#754f59
```
#754f59 rgb(117,79,89)
```
#7c4855
```
#7c4855 rgb(124,72,85)
```
#844051
```
#844051 rgb(132,64,81)
```
#8b394d
```
#8b394d rgb(139,57,77)
```
#93314a
```
#93314a rgb(147,49,74)
```
#9a2a46
```
#9a2a46 rgb(154,42,70)
```
#a22242
```
#a22242 rgb(162,34,66)
```
#aa1a3e
```
#aa1a3e rgb(170,26,62)
```
#b1133a
```
#b1133a rgb(177,19,58)
```
#b90b37
```
#b90b37 rgb(185,11,55)
```
#c00433
```
#c00433 rgb(192,4,51)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#5d444a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5d5f Protanopia 1% of men
#6f5a43 Deuteranopia 1% of men
#a53234 Tritanopia 0.001% of the population

Trichromacy

#774855 Protanomaly 1% of men, 0.01% of women
#824643 Deuteranomaly 6% of men, 0.4% of women
#a42c39 Tritanomaly 0.01% of the population

#a22242 hex color

#a22242 Color Information

#a22242 Color Conversion

Color Schemes with #a22242

Alternatives to #a22242

#a22242 Preview

Shades and Tints of #a22242

Tones of #a22242

Color Blindness Simulator