#a22d45 hex color

In a RGB color space, hex #a22d45 is composed of 63.5% red, 17.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.2% magenta, 57.4% yellow and 36.5% black. It has a hue angle of 347.7 degrees, a saturation of 56.5% and a lightness of 40.6%. #a22d45 color hex could be obtained by blending #ff5a8a with #450000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 64
- G 18
- B 27
RGB color chart
- C 0
- M 72
- Y 57
- K 36
CMYK color chart

● #a22d45 color description : Dark red.

The hexadecimal color #a22d45 has RGB values of R:162, G:45, B:69 and CMYK values of C:0, M:0.72, Y:0.57, K:0.36. Its decimal value is 10628421.

Hex triplet	a22d45	`#a22d45`
RGB Decimal	162, 45, 69	`rgb(162,45,69)`
RGB Percent	63.5, 17.6, 27.1	`rgb(63.5%,17.6%,27.1%)`
CMYK	0, 72, 57, 36
HSL	347.7°, 56.5, 40.6	`hsl(347.7,56.5%,40.6%)`
HSV (or HSB)	347.7°, 72.2, 63.5
Web Safe	993333	`#993333`

CIE-LAB	37.824, 49.235, 13.969
XYZ	16.913, 9.99, 6.667
xyY	0.504, 0.298, 9.99
CIE-LCH	37.824, 51.178, 15.84
CIE-LUV	37.824, 80.841, 6.424
Hunter-Lab	31.606, 40.209, 9.617
Binary	10100010, 00101101, 01000101

#a22d45
```
#a22d45 rgb(162,45,69)
```
#2da28a
```
#2da28a rgb(45,162,138)
```

Complementary Color

#a22d80
```
#a22d80 rgb(162,45,128)
```
#a22d45
```
#a22d45 rgb(162,45,69)
```
#a2502d
```
#a2502d rgb(162,80,45)
```

Analogous Color

#2d80a2
```
#2d80a2 rgb(45,128,162)
```
#a22d45
```
#a22d45 rgb(162,45,69)
```
#2da250
```
#2da250 rgb(45,162,80)
```

Split Complementary Color

#2d45a2
```
#2d45a2 rgb(45,69,162)
```
#a22d45
```
#a22d45 rgb(162,45,69)
```
#45a22d
```
#45a22d rgb(69,162,45)
```

Triadic Color

#8a2da2
```
#8a2da2 rgb(138,45,162)
```
#a22d45
```
#a22d45 rgb(162,45,69)
```
#45a22d
```
#45a22d rgb(69,162,45)
```
#2da28a
```
#2da28a rgb(45,162,138)
```

Tetradic Color

#661c2c
```
#661c2c rgb(102,28,44)
```
#7a2234
```
#7a2234 rgb(122,34,52)
```
#8e273d
```
#8e273d rgb(142,39,61)
```
#a22d45
```
#a22d45 rgb(162,45,69)
```
#b6334e
```
#b6334e rgb(182,51,78)
```
#c83a57
```
#c83a57 rgb(200,58,87)
```
#ce4e68
```
#ce4e68 rgb(206,78,104)
```

Monochromatic Color

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

#a22d62
```
#a22d62 rgb(162,45,98)
```
#a22d59
```
#a22d59 rgb(162,45,89)
```
#a22d4f
```
#a22d4f rgb(162,45,79)
```
#a22d45
```
#a22d45 rgb(162,45,69)
```
#a22d3b
```
#a22d3b rgb(162,45,59)
```
#a22d32
```
#a22d32 rgb(162,45,50)
```
#a2322d
```
#a2322d rgb(162,50,45)
```

Similar Colors

Text with hexadecimal color #a22d45

This text has a font color of #a22d45.

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

#a22d45 background color

This paragraph has a background color of #a22d45.

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

#a22d45 border color

This element has a border color of #a22d45.

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

CSS codes

.text {color:#a22d45;}

.background {background-color:#a22d45;}

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

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

#080204
```
#080204 rgb(8,2,4)
```
#18070a
```
#18070a rgb(24,7,10)
```
#270b11
```
#270b11 rgb(39,11,17)
```
#370f17
```
#370f17 rgb(55,15,23)
```
#46131e
```
#46131e rgb(70,19,30)
```
#551824
```
#551824 rgb(85,24,36)
```
#651c2b
```
#651c2b rgb(101,28,43)
```
#742031
```
#742031 rgb(116,32,49)
```
#832438
```
#832438 rgb(131,36,56)
```
#93293e
```
#93293e rgb(147,41,62)
```
#a22d45
```
#a22d45 rgb(162,45,69)
```
#b1314c
```
#b1314c rgb(177,49,76)
```
#c13652
```
#c13652 rgb(193,54,82)
```

Shade Color Variation

#ca405c
```
#ca405c rgb(202,64,92)
```
#ce4f69
```
#ce4f69 rgb(206,79,105)
```
#d25f76
```
#d25f76 rgb(210,95,118)
```
#d76e83
```
#d76e83 rgb(215,110,131)
```
#db7d91
```
#db7d91 rgb(219,125,145)
```
#df8d9e
```
#df8d9e rgb(223,141,158)
```
#e49cab
```
#e49cab rgb(228,156,171)
```
#e8abb8
```
#e8abb8 rgb(232,171,184)
```
#ecbbc5
```
#ecbbc5 rgb(236,187,197)
```
#f0cad2
```
#f0cad2 rgb(240,202,210)
```
#f5d9df
```
#f5d9df rgb(245,217,223)
```
#f9e9ec
```
#f9e9ec rgb(249,233,236)
```
#fdf8f9
```
#fdf8f9 rgb(253,248,249)
```

Tint Color Variation

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

#6a6566
```
#6a6566 rgb(106,101,102)
```
#725d61
```
#725d61 rgb(114,93,97)
```
#7a555c
```
#7a555c rgb(122,85,92)
```
#824d58
```
#824d58 rgb(130,77,88)
```
#8a4553
```
#8a4553 rgb(138,69,83)
```
#923d4e
```
#923d4e rgb(146,61,78)
```
#9a354a
```
#9a354a rgb(154,53,74)
```
#a22d45
```
#a22d45 rgb(162,45,69)
```
#aa2540
```
#aa2540 rgb(170,37,64)
```
#b21d3c
```
#b21d3c rgb(178,29,60)
```
#ba1537
```
#ba1537 rgb(186,21,55)
```
#c20d32
```
#c20d32 rgb(194,13,50)
```
#ca052e
```
#ca052e rgb(202,5,46)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#634b50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#636160 Protanopia 1% of men
#735d47 Deuteranopia 1% of men
#a53b3e Tritanopia 0.001% of the population

Trichromacy

#7a4e56 Protanomaly 1% of men, 0.01% of women
#844c46 Deuteranomaly 6% of men, 0.4% of women
#a43640 Tritanomaly 0.01% of the population

#a22d45 hex color

#a22d45 Color Information

#a22d45 Color Conversion

Color Schemes with #a22d45

Alternatives to #a22d45

#a22d45 Preview

Shades and Tints of #a22d45

Tones of #a22d45

Color Blindness Simulator