#a5222d hex color

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

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

● #a5222d color description : Dark red.

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

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

CIE-LAB	36.621, 52.466, 27.671
XYZ	16.564, 9.335, 3.412
xyY	0.565, 0.318, 9.335
CIE-LCH	36.621, 59.316, 27.808
CIE-LUV	36.621, 94.888, 16.793
Hunter-Lab	30.553, 43.301, 14.766
Binary	10100101, 00100010, 00101101

#a5222d
```
#a5222d rgb(165,34,45)
```
#22a59a
```
#22a59a rgb(34,165,154)
```

Complementary Color

#a5226f
```
#a5226f rgb(165,34,111)
```
#a5222d
```
#a5222d rgb(165,34,45)
```
#a55822
```
#a55822 rgb(165,88,34)
```

Analogous Color

#226fa5
```
#226fa5 rgb(34,111,165)
```
#a5222d
```
#a5222d rgb(165,34,45)
```
#22a558
```
#22a558 rgb(34,165,88)
```

Split Complementary Color

#222da5
```
#222da5 rgb(34,45,165)
```
#a5222d
```
#a5222d rgb(165,34,45)
```
#2da522
```
#2da522 rgb(45,165,34)
```

Triadic Color

#9a22a5
```
#9a22a5 rgb(154,34,165)
```
#a5222d
```
#a5222d rgb(165,34,45)
```
#2da522
```
#2da522 rgb(45,165,34)
```
#22a59a
```
#22a59a rgb(34,165,154)
```

Tetradic Color

#66151c
```
#66151c rgb(102,21,28)
```
#7b1921
```
#7b1921 rgb(123,25,33)
```
#901e27
```
#901e27 rgb(144,30,39)
```
#a5222d
```
#a5222d rgb(165,34,45)
```
#ba2633
```
#ba2633 rgb(186,38,51)
```
#cf2b39
```
#cf2b39 rgb(207,43,57)
```
#d73d4a
```
#d73d4a rgb(215,61,74)
```

Monochromatic Color

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

#a5224e
```
#a5224e rgb(165,34,78)
```
#a52243
```
#a52243 rgb(165,34,67)
```
#a52238
```
#a52238 rgb(165,34,56)
```
#a5222d
```
#a5222d rgb(165,34,45)
```
#a52222
```
#a52222 rgb(165,34,34)
```
#a52d22
```
#a52d22 rgb(165,45,34)
```
#a53822
```
#a53822 rgb(165,56,34)
```

Similar Colors

Text with hexadecimal color #a5222d

This text has a font color of #a5222d.

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

#a5222d background color

This paragraph has a background color of #a5222d.

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

#a5222d border color

This element has a border color of #a5222d.

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

CSS codes

.text {color:#a5222d;}

.background {background-color:#a5222d;}

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

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)
```
#23070a
```
#23070a rgb(35,7,10)
```
#330b0e
```
#330b0e rgb(51,11,14)
```
#430e12
```
#430e12 rgb(67,14,18)
```
#541117
```
#541117 rgb(84,17,23)
```
#64151b
```
#64151b rgb(100,21,27)
```
#741820
```
#741820 rgb(116,24,32)
```
#841b24
```
#841b24 rgb(132,27,36)
```
#951f29
```
#951f29 rgb(149,31,41)
```
#a5222d
```
#a5222d rgb(165,34,45)
```
#b52531
```
#b52531 rgb(181,37,49)
```
#c62936
```
#c62936 rgb(198,41,54)
```

Shade Color Variation

#d42e3c
```
#d42e3c rgb(212,46,60)
```
#d73e4b
```
#d73e4b rgb(215,62,75)
```
#db4e5a
```
#db4e5a rgb(219,78,90)
```
#de5f69
```
#de5f69 rgb(222,95,105)
```
#e16f79
```
#e16f79 rgb(225,111,121)
```
#e57f88
```
#e57f88 rgb(229,127,136)
```
#e89097
```
#e89097 rgb(232,144,151)
```
#eba0a6
```
#eba0a6 rgb(235,160,166)
```
#efb0b5
```
#efb0b5 rgb(239,176,181)
```
#f2c0c4
```
#f2c0c4 rgb(242,192,196)
```
#f5d1d4
```
#f5d1d4 rgb(245,209,212)
```
#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 #c40314 is the most saturated one.

#685f60
```
#685f60 rgb(104,95,96)
```
#6f585a
```
#6f585a rgb(111,88,90)
```
#775053
```
#775053 rgb(119,80,83)
```
#7f484d
```
#7f484d rgb(127,72,77)
```
#864146
```
#864146 rgb(134,65,70)
```
#8e3940
```
#8e3940 rgb(142,57,64)
```
#96313a
```
#96313a rgb(150,49,58)
```
#9d2a33
```
#9d2a33 rgb(157,42,51)
```
#a5222d
```
#a5222d rgb(165,34,45)
```
#ad1a27
```
#ad1a27 rgb(173,26,39)
```
#b41320
```
#b41320 rgb(180,19,32)
```
#bc0b1a
```
#bc0b1a rgb(188,11,26)
```
#c40314
```
#c40314 rgb(196,3,20)
```

Tone Color Variation

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

#655e47 Protanopia 1% of men
#745a2e Deuteranopia 1% of men
#a92e30 Tritanopia 0.001% of the population

Trichromacy

#7c483e Protanomaly 1% of men, 0.01% of women
#85462e Deuteranomaly 6% of men, 0.4% of women
#a72a2f Tritanomaly 0.01% of the population

#a5222d hex color

#a5222d Color Information

#a5222d Color Conversion

Color Schemes with #a5222d

Alternatives to #a5222d

#a5222d Preview

Shades and Tints of #a5222d

Tones of #a5222d

Color Blindness Simulator