#a22842 hex color

In a RGB color space, hex #a22842 is composed of 63.5% red, 15.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.3% magenta, 59.3% yellow and 36.5% black. It has a hue angle of 347.2 degrees, a saturation of 60.4% and a lightness of 39.6%. #a22842 color hex could be obtained by blending #ff5084 with #450000. Closest websafe color is: #993333.

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

● #a22842 color description : Dark red.

The hexadecimal color #a22842 has RGB values of R:162, G:40, B:66 and CMYK values of C:0, M:0.75, Y:0.59, K:0.36. Its decimal value is 10627138.

Hex triplet	a22842	`#a22842`
RGB Decimal	162, 40, 66	`rgb(162,40,66)`
RGB Percent	63.5, 15.7, 25.9	`rgb(63.5%,15.7%,25.9%)`
CMYK	0, 75, 59, 36
HSL	347.2°, 60.4, 39.6	`hsl(347.2,60.4%,39.6%)`
HSV (or HSB)	347.2°, 75.3, 63.5
Web Safe	993333	`#993333`

CIE-LAB	37.104, 50.831, 14.908
XYZ	16.643, 9.594, 6.129
xyY	0.514, 0.296, 9.594
CIE-LCH	37.104, 52.972, 16.345
CIE-LUV	37.104, 84.02, 6.851
Hunter-Lab	30.974, 41.706, 9.949
Binary	10100010, 00101000, 01000010

#a22842
```
#a22842 rgb(162,40,66)
```
#28a288
```
#28a288 rgb(40,162,136)
```

Complementary Color

#a2287f
```
#a2287f rgb(162,40,127)
```
#a22842
```
#a22842 rgb(162,40,66)
```
#a24b28
```
#a24b28 rgb(162,75,40)
```

Analogous Color

#287fa2
```
#287fa2 rgb(40,127,162)
```
#a22842
```
#a22842 rgb(162,40,66)
```
#28a24b
```
#28a24b rgb(40,162,75)
```

Split Complementary Color

#2842a2
```
#2842a2 rgb(40,66,162)
```
#a22842
```
#a22842 rgb(162,40,66)
```
#42a228
```
#42a228 rgb(66,162,40)
```

Triadic Color

#8828a2
```
#8828a2 rgb(136,40,162)
```
#a22842
```
#a22842 rgb(162,40,66)
```
#42a228
```
#42a228 rgb(66,162,40)
```
#28a288
```
#28a288 rgb(40,162,136)
```

Tetradic Color

#651929
```
#651929 rgb(101,25,41)
```
#791e31
```
#791e31 rgb(121,30,49)
```
#8e233a
```
#8e233a rgb(142,35,58)
```
#a22842
```
#a22842 rgb(162,40,66)
```
#b62d4a
```
#b62d4a rgb(182,45,74)
```
#cb3253
```
#cb3253 rgb(203,50,83)
```
#d14563
```
#d14563 rgb(209,69,99)
```

Monochromatic Color

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

#a22860
```
#a22860 rgb(162,40,96)
```
#a22856
```
#a22856 rgb(162,40,86)
```
#a2284c
```
#a2284c rgb(162,40,76)
```
#a22842
```
#a22842 rgb(162,40,66)
```
#a22838
```
#a22838 rgb(162,40,56)
```
#a2282e
```
#a2282e rgb(162,40,46)
```
#a22d28
```
#a22d28 rgb(162,45,40)
```

Similar Colors

Text with hexadecimal color #a22842

This text has a font color of #a22842.

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

#a22842 background color

This paragraph has a background color of #a22842.

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

#a22842 border color

This element has a border color of #a22842.

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

CSS codes

.text {color:#a22842;}

.background {background-color:#a22842;}

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

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

#050102
```
#050102 rgb(5,1,2)
```
#140508
```
#140508 rgb(20,5,8)
```
#24090f
```
#24090f rgb(36,9,15)
```
#340d15
```
#340d15 rgb(52,13,21)
```
#44111c
```
#44111c rgb(68,17,28)
```
#531522
```
#531522 rgb(83,21,34)
```
#631828
```
#631828 rgb(99,24,40)
```
#731c2f
```
#731c2f rgb(115,28,47)
```
#832035
```
#832035 rgb(131,32,53)
```
#92243c
```
#92243c rgb(146,36,60)
```
#a22842
```
#a22842 rgb(162,40,66)
```
#b22c48
```
#b22c48 rgb(178,44,72)
```
#c1304f
```
#c1304f rgb(193,48,79)
```

Shade Color Variation

#ce3757
```
#ce3757 rgb(206,55,87)
```
#d24764
```
#d24764 rgb(210,71,100)
```
#d55772
```
#d55772 rgb(213,87,114)
```
#d9667f
```
#d9667f rgb(217,102,127)
```
#dd768c
```
#dd768c rgb(221,118,140)
```
#e18699
```
#e18699 rgb(225,134,153)
```
#e596a6
```
#e596a6 rgb(229,150,166)
```
#e9a5b4
```
#e9a5b4 rgb(233,165,180)
```
#edb5c1
```
#edb5c1 rgb(237,181,193)
```
#f1c5ce
```
#f1c5ce rgb(241,197,206)
```
#f5d4db
```
#f5d4db rgb(245,212,219)
```
#f8e4e9
```
#f8e4e9 rgb(248,228,233)
```
#fcf4f6
```
#fcf4f6 rgb(252,244,246)
```

Tint Color Variation

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

#6c5e61
```
#6c5e61 rgb(108,94,97)
```
#73575d
```
#73575d rgb(115,87,93)
```
#7b4f58
```
#7b4f58 rgb(123,79,88)
```
#834754
```
#834754 rgb(131,71,84)
```
#8b3f4f
```
#8b3f4f rgb(139,63,79)
```
#92384b
```
#92384b rgb(146,56,75)
```
#9a3046
```
#9a3046 rgb(154,48,70)
```
#a22842
```
#a22842 rgb(162,40,66)
```
#aa203e
```
#aa203e rgb(170,32,62)
```
#b21839
```
#b21839 rgb(178,24,57)
```
#b91135
```
#b91135 rgb(185,17,53)
```
#c10930
```
#c10930 rgb(193,9,48)
```
#c9012c
```
#c9012c rgb(201,1,44)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#60474c Atypical Achromatopsia 0.001% of the population

Dichromacy

#625f5e Protanopia 1% of men
#715c43 Deuteranopia 1% of men
#a53739 Tritanopia 0.001% of the population

Trichromacy

#794b54 Protanomaly 1% of men, 0.01% of women
#834943 Deuteranomaly 6% of men, 0.4% of women
#a4313c Tritanomaly 0.01% of the population

#a22842 hex color

#a22842 Color Information

#a22842 Color Conversion

Color Schemes with #a22842

Alternatives to #a22842

#a22842 Preview

Shades and Tints of #a22842

Tones of #a22842

Color Blindness Simulator