#a5222a hex color

In a RGB color space, hex #a5222a is composed of 64.7% red, 13.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.4% magenta, 74.5% yellow and 35.3% black. It has a hue angle of 356.3 degrees, a saturation of 65.8% and a lightness of 39%. #a5222a color hex could be obtained by blending #ff4454 with #4b0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 65
- G 13
- B 16
RGB color chart
- C 0
- M 79
- Y 75
- K 35
CMYK color chart

● #a5222a color description : Dark red.

The hexadecimal color #a5222a has RGB values of R:165, G:34, B:42 and CMYK values of C:0, M:0.79, Y:0.75, K:0.35. Its decimal value is 10822186.

Hex triplet	a5222a	`#a5222a`
RGB Decimal	165, 34, 42	`rgb(165,34,42)`
RGB Percent	64.7, 13.3, 16.5	`rgb(64.7%,13.3%,16.5%)`
CMYK	0, 79, 75, 35
HSL	356.3°, 65.8, 39	`hsl(356.3,65.8%,39%)`
HSV (or HSB)	356.3°, 79.4, 64.7
Web Safe	993333	`#993333`

CIE-LAB	36.579, 52.333, 29.461
XYZ	16.508, 9.313, 3.119
xyY	0.57, 0.322, 9.313
CIE-LCH	36.579, 60.056, 29.378
CIE-LUV	36.579, 95.588, 18.036
Hunter-Lab	30.516, 43.155, 15.302
Binary	10100101, 00100010, 00101010

#a5222a
```
#a5222a rgb(165,34,42)
```
#22a59d
```
#22a59d rgb(34,165,157)
```

Complementary Color

#a5226c
```
#a5226c rgb(165,34,108)
```
#a5222a
```
#a5222a rgb(165,34,42)
```
#a55c22
```
#a55c22 rgb(165,92,34)
```

Analogous Color

#226ca5
```
#226ca5 rgb(34,108,165)
```
#a5222a
```
#a5222a rgb(165,34,42)
```
#22a55b
```
#22a55b rgb(34,165,91)
```

Split Complementary Color

#222aa5
```
#222aa5 rgb(34,42,165)
```
#a5222a
```
#a5222a rgb(165,34,42)
```
#2aa522
```
#2aa522 rgb(42,165,34)
```

Triadic Color

#9d22a5
```
#9d22a5 rgb(157,34,165)
```
#a5222a
```
#a5222a rgb(165,34,42)
```
#2aa522
```
#2aa522 rgb(42,165,34)
```
#22a59d
```
#22a59d rgb(34,165,157)
```

Tetradic Color

#66151a
```
#66151a rgb(102,21,26)
```
#7b191f
```
#7b191f rgb(123,25,31)
```
#901e25
```
#901e25 rgb(144,30,37)
```
#a5222a
```
#a5222a rgb(165,34,42)
```
#ba262f
```
#ba262f rgb(186,38,47)
```
#cf2b35
```
#cf2b35 rgb(207,43,53)
```
#d73d46
```
#d73d46 rgb(215,61,70)
```

Monochromatic Color

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

#a5224b
```
#a5224b rgb(165,34,75)
```
#a52240
```
#a52240 rgb(165,34,64)
```
#a52235
```
#a52235 rgb(165,34,53)
```
#a5222a
```
#a5222a rgb(165,34,42)
```
#a52522
```
#a52522 rgb(165,37,34)
```
#a53022
```
#a53022 rgb(165,48,34)
```
#a53b22
```
#a53b22 rgb(165,59,34)
```

Similar Colors

Text with hexadecimal color #a5222a

This text has a font color of #a5222a.

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

#a5222a background color

This paragraph has a background color of #a5222a.

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

#a5222a border color

This element has a border color of #a5222a.

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

CSS codes

.text {color:#a5222a;}

.background {background-color:#a5222a;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#130405
```
#130405 rgb(19,4,5)
```
#230709
```
#230709 rgb(35,7,9)
```
#330b0d
```
#330b0d rgb(51,11,13)
```
#430e11
```
#430e11 rgb(67,14,17)
```
#541115
```
#541115 rgb(84,17,21)
```
#641519
```
#641519 rgb(100,21,25)
```
#74181e
```
#74181e rgb(116,24,30)
```
#841b22
```
#841b22 rgb(132,27,34)
```
#951f26
```
#951f26 rgb(149,31,38)
```
#a5222a
```
#a5222a rgb(165,34,42)
```
#b5252e
```
#b5252e rgb(181,37,46)
```
#c62932
```
#c62932 rgb(198,41,50)
```

Shade Color Variation

#d42e38
```
#d42e38 rgb(212,46,56)
```
#d73e48
```
#d73e48 rgb(215,62,72)
```
#db4e57
```
#db4e57 rgb(219,78,87)
```
#de5f66
```
#de5f66 rgb(222,95,102)
```
#e16f76
```
#e16f76 rgb(225,111,118)
```
#e57f85
```
#e57f85 rgb(229,127,133)
```
#e89095
```
#e89095 rgb(232,144,149)
```
#eba0a4
```
#eba0a4 rgb(235,160,164)
```
#efb0b4
```
#efb0b4 rgb(239,176,180)
```
#f2c0c3
```
#f2c0c3 rgb(242,192,195)
```
#f5d1d3
```
#f5d1d3 rgb(245,209,211)
```
#f9e1e2
```
#f9e1e2 rgb(249,225,226)
```
#fcf1f2
```
#fcf1f2 rgb(252,241,242)
```

Tint Color Variation

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

#685f60
```
#685f60 rgb(104,95,96)
```
#6f5859
```
#6f5859 rgb(111,88,89)
```
#775052
```
#775052 rgb(119,80,82)
```
#7f484c
```
#7f484c rgb(127,72,76)
```
#864145
```
#864145 rgb(134,65,69)
```
#8e393e
```
#8e393e rgb(142,57,62)
```
#963137
```
#963137 rgb(150,49,55)
```
#9d2a31
```
#9d2a31 rgb(157,42,49)
```
#a5222a
```
#a5222a rgb(165,34,42)
```
#ad1a23
```
#ad1a23 rgb(173,26,35)
```
#b4131d
```
#b4131d rgb(180,19,29)
```
#bc0b16
```
#bc0b16 rgb(188,11,22)
```
#c4030f
```
#c4030f rgb(196,3,15)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5c4244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#665e44 Protanopia 1% of men
#745a2b Deuteranopia 1% of men
#a92e2f Tritanopia 0.001% of the population

Trichromacy

#7c483a Protanomaly 1% of men, 0.01% of women
#86452b Deuteranomaly 6% of men, 0.4% of women
#a7292d Tritanomaly 0.01% of the population

#a5222a hex color

#a5222a Color Information

#a5222a Color Conversion

Color Schemes with #a5222a

Alternatives to #a5222a

#a5222a Preview

Shades and Tints of #a5222a

Tones of #a5222a

Color Blindness Simulator