#a5222c hex color

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

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

● #a5222c color description : Dark red.

The hexadecimal color #a5222c has RGB values of R:165, G:34, B:44 and CMYK values of C:0, M:0.79, Y:0.73, K:0.35. Its decimal value is 10822188.

Hex triplet	a5222c	`#a5222c`
RGB Decimal	165, 34, 44	`rgb(165,34,44)`
RGB Percent	64.7, 13.3, 17.3	`rgb(64.7%,13.3%,17.3%)`
CMYK	0, 79, 73, 35
HSL	355.4°, 65.8, 39	`hsl(355.4,65.8%,39%)`
HSV (or HSB)	355.4°, 79.4, 64.7
Web Safe	993333	`#993333`

CIE-LAB	36.607, 52.42, 28.27
XYZ	16.544, 9.327, 3.312
xyY	0.567, 0.32, 9.327
CIE-LCH	36.607, 59.557, 28.338
CIE-LUV	36.607, 95.126, 17.216
Hunter-Lab	30.541, 43.251, 14.949
Binary	10100101, 00100010, 00101100

#a5222c
```
#a5222c rgb(165,34,44)
```
#22a59b
```
#22a59b rgb(34,165,155)
```

Complementary Color

#a5226e
```
#a5226e rgb(165,34,110)
```
#a5222c
```
#a5222c rgb(165,34,44)
```
#a55a22
```
#a55a22 rgb(165,90,34)
```

Analogous Color

#226ea5
```
#226ea5 rgb(34,110,165)
```
#a5222c
```
#a5222c rgb(165,34,44)
```
#22a55a
```
#22a55a rgb(34,165,90)
```

Split Complementary Color

#222ca5
```
#222ca5 rgb(34,44,165)
```
#a5222c
```
#a5222c rgb(165,34,44)
```
#2ca522
```
#2ca522 rgb(44,165,34)
```

Triadic Color

#9b22a5
```
#9b22a5 rgb(155,34,165)
```
#a5222c
```
#a5222c rgb(165,34,44)
```
#2ca522
```
#2ca522 rgb(44,165,34)
```
#22a59b
```
#22a59b rgb(34,165,155)
```

Tetradic Color

#66151b
```
#66151b rgb(102,21,27)
```
#7b1921
```
#7b1921 rgb(123,25,33)
```
#901e26
```
#901e26 rgb(144,30,38)
```
#a5222c
```
#a5222c rgb(165,34,44)
```
#ba2632
```
#ba2632 rgb(186,38,50)
```
#cf2b37
```
#cf2b37 rgb(207,43,55)
```
#d73d48
```
#d73d48 rgb(215,61,72)
```

Monochromatic Color

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

#a5224d
```
#a5224d rgb(165,34,77)
```
#a52242
```
#a52242 rgb(165,34,66)
```
#a52237
```
#a52237 rgb(165,34,55)
```
#a5222c
```
#a5222c rgb(165,34,44)
```
#a52322
```
#a52322 rgb(165,35,34)
```
#a52e22
```
#a52e22 rgb(165,46,34)
```
#a53922
```
#a53922 rgb(165,57,34)
```

Similar Colors

Text with hexadecimal color #a5222c

This text has a font color of #a5222c.

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

#a5222c background color

This paragraph has a background color of #a5222c.

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

#a5222c border color

This element has a border color of #a5222c.

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

CSS codes

.text {color:#a5222c;}

.background {background-color:#a5222c;}

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

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)
```
#330b0e
```
#330b0e rgb(51,11,14)
```
#430e12
```
#430e12 rgb(67,14,18)
```
#541116
```
#541116 rgb(84,17,22)
```
#64151b
```
#64151b rgb(100,21,27)
```
#74181f
```
#74181f rgb(116,24,31)
```
#841b23
```
#841b23 rgb(132,27,35)
```
#951f28
```
#951f28 rgb(149,31,40)
```
#a5222c
```
#a5222c rgb(165,34,44)
```
#b52530
```
#b52530 rgb(181,37,48)
```
#c62935
```
#c62935 rgb(198,41,53)
```

Shade Color Variation

#d42e3b
```
#d42e3b rgb(212,46,59)
```
#d73e4a
```
#d73e4a rgb(215,62,74)
```
#db4e59
```
#db4e59 rgb(219,78,89)
```
#de5f68
```
#de5f68 rgb(222,95,104)
```
#e16f78
```
#e16f78 rgb(225,111,120)
```
#e57f87
```
#e57f87 rgb(229,127,135)
```
#e89096
```
#e89096 rgb(232,144,150)
```
#eba0a6
```
#eba0a6 rgb(235,160,166)
```
#efb0b5
```
#efb0b5 rgb(239,176,181)
```
#f2c0c4
```
#f2c0c4 rgb(242,192,196)
```
#f5d1d3
```
#f5d1d3 rgb(245,209,211)
```
#f9e1e3
```
#f9e1e3 rgb(249,225,227)
```
#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 #c40312 is the most saturated one.

#685f60
```
#685f60 rgb(104,95,96)
```
#6f5859
```
#6f5859 rgb(111,88,89)
```
#775053
```
#775053 rgb(119,80,83)
```
#7f484c
```
#7f484c rgb(127,72,76)
```
#864146
```
#864146 rgb(134,65,70)
```
#8e393f
```
#8e393f rgb(142,57,63)
```
#963139
```
#963139 rgb(150,49,57)
```
#9d2a32
```
#9d2a32 rgb(157,42,50)
```
#a5222c
```
#a5222c rgb(165,34,44)
```
#ad1a26
```
#ad1a26 rgb(173,26,38)
```
#b4131f
```
#b4131f rgb(180,19,31)
```
#bc0b19
```
#bc0b19 rgb(188,11,25)
```
#c40312
```
#c40312 rgb(196,3,18)
```

Tone Color Variation

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

#655e46 Protanopia 1% of men
#745a2d Deuteranopia 1% of men
#a92e30 Tritanopia 0.001% of the population

Trichromacy

#7c483c Protanomaly 1% of men, 0.01% of women
#86462d Deuteranomaly 6% of men, 0.4% of women
#a72a2e Tritanomaly 0.01% of the population

#a5222c hex color

#a5222c Color Information

#a5222c Color Conversion

Color Schemes with #a5222c

Alternatives to #a5222c

#a5222c Preview

Shades and Tints of #a5222c

Tones of #a5222c

Color Blindness Simulator