#a22a28 hex color

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

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

● #a22a28 color description : Dark red.

The hexadecimal color #a22a28 has RGB values of R:162, G:42, B:40 and CMYK values of C:0, M:0.74, Y:0.75, K:0.36. Its decimal value is 10627624.

Hex triplet	a22a28	`#a22a28`
RGB Decimal	162, 42, 40	`rgb(162,42,40)`
RGB Percent	63.5, 16.5, 15.7	`rgb(63.5%,16.5%,15.7%)`
CMYK	0, 74, 75, 36
HSL	1°, 60.4, 39.6	`hsl(1,60.4%,39.6%)`
HSV (or HSB)	1°, 75.3, 63.5
Web Safe	993333	`#993333`

CIE-LAB	36.916, 48.636, 30.886
XYZ	16.112, 9.492, 2.991
xyY	0.563, 0.332, 9.492
CIE-LCH	36.916, 57.614, 32.418
CIE-LUV	36.916, 89.737, 20.055
Hunter-Lab	30.81, 39.43, 15.811
Binary	10100010, 00101010, 00101000

#a22a28
```
#a22a28 rgb(162,42,40)
```
#28a0a2
```
#28a0a2 rgb(40,160,162)
```

Complementary Color

#a22863
```
#a22863 rgb(162,40,99)
```
#a22a28
```
#a22a28 rgb(162,42,40)
```
#a26728
```
#a26728 rgb(162,103,40)
```

Analogous Color

#2863a2
```
#2863a2 rgb(40,99,162)
```
#a22a28
```
#a22a28 rgb(162,42,40)
```
#28a267
```
#28a267 rgb(40,162,103)
```

Split Complementary Color

#2a28a2
```
#2a28a2 rgb(42,40,162)
```
#a22a28
```
#a22a28 rgb(162,42,40)
```
#28a22a
```
#28a22a rgb(40,162,42)
```

Triadic Color

#a228a0
```
#a228a0 rgb(162,40,160)
```
#a22a28
```
#a22a28 rgb(162,42,40)
```
#28a22a
```
#28a22a rgb(40,162,42)
```
#28a0a2
```
#28a0a2 rgb(40,160,162)
```

Tetradic Color

#651a19
```
#651a19 rgb(101,26,25)
```
#791f1e
```
#791f1e rgb(121,31,30)
```
#8e2523
```
#8e2523 rgb(142,37,35)
```
#a22a28
```
#a22a28 rgb(162,42,40)
```
#b62f2d
```
#b62f2d rgb(182,47,45)
```
#cb3532
```
#cb3532 rgb(203,53,50)
```
#d14845
```
#d14845 rgb(209,72,69)
```

Monochromatic Color

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

#a22845
```
#a22845 rgb(162,40,69)
```
#a2283a
```
#a2283a rgb(162,40,58)
```
#a22830
```
#a22830 rgb(162,40,48)
```
#a22a28
```
#a22a28 rgb(162,42,40)
```
#a23428
```
#a23428 rgb(162,52,40)
```
#a23e28
```
#a23e28 rgb(162,62,40)
```
#a24928
```
#a24928 rgb(162,73,40)
```

Similar Colors

Text with hexadecimal color #a22a28

This text has a font color of #a22a28.

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

#a22a28 background color

This paragraph has a background color of #a22a28.

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

#a22a28 border color

This element has a border color of #a22a28.

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

CSS codes

.text {color:#a22a28;}

.background {background-color:#a22a28;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#140505
```
#140505 rgb(20,5,5)
```
#240909
```
#240909 rgb(36,9,9)
```
#340d0d
```
#340d0d rgb(52,13,13)
```
#441211
```
#441211 rgb(68,18,17)
```
#531615
```
#531615 rgb(83,22,21)
```
#631a18
```
#631a18 rgb(99,26,24)
```
#731e1c
```
#731e1c rgb(115,30,28)
```
#832220
```
#832220 rgb(131,34,32)
```
#922624
```
#922624 rgb(146,38,36)
```
#a22a28
```
#a22a28 rgb(162,42,40)
```
#b22e2c
```
#b22e2c rgb(178,46,44)
```
#c13230
```
#c13230 rgb(193,50,48)
```

Shade Color Variation

#ce3a37
```
#ce3a37 rgb(206,58,55)
```
#d24947
```
#d24947 rgb(210,73,71)
```
#d55957
```
#d55957 rgb(213,89,87)
```
#d96866
```
#d96866 rgb(217,104,102)
```
#dd7876
```
#dd7876 rgb(221,120,118)
```
#e18786
```
#e18786 rgb(225,135,134)
```
#e59796
```
#e59796 rgb(229,151,150)
```
#e9a6a5
```
#e9a6a5 rgb(233,166,165)
```
#edb6b5
```
#edb6b5 rgb(237,182,181)
```
#f1c5c5
```
#f1c5c5 rgb(241,197,197)
```
#f5d5d4
```
#f5d5d4 rgb(245,213,212)
```
#f8e5e4
```
#f8e5e4 rgb(248,229,228)
```
#fcf4f4
```
#fcf4f4 rgb(252,244,244)
```

Tint Color Variation

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

#6c5f5e
```
#6c5f5e rgb(108,95,94)
```
#735757
```
#735757 rgb(115,87,87)
```
#7b504f
```
#7b504f rgb(123,80,79)
```
#834847
```
#834847 rgb(131,72,71)
```
#8b413f
```
#8b413f rgb(139,65,63)
```
#923938
```
#923938 rgb(146,57,56)
```
#9a3230
```
#9a3230 rgb(154,50,48)
```
#a22a28
```
#a22a28 rgb(162,42,40)
```
#aa2220
```
#aa2220 rgb(170,34,32)
```
#b21b18
```
#b21b18 rgb(178,27,24)
```
#b91311
```
#b91311 rgb(185,19,17)
```
#c10c09
```
#c10c09 rgb(193,12,9)
```
#c90401
```
#c90401 rgb(201,4,1)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#5f4746 Atypical Achromatopsia 0.001% of the population

Dichromacy

#675f40 Protanopia 1% of men
#755b2a Deuteranopia 1% of men
#a63436 Tritanopia 0.001% of the population

Trichromacy

#7c4c37 Protanomaly 1% of men, 0.01% of women
#854929 Deuteranomaly 6% of men, 0.4% of women
#a53031 Tritanomaly 0.01% of the population

#a22a28 hex color

#a22a28 Color Information

#a22a28 Color Conversion

Color Schemes with #a22a28

Alternatives to #a22a28

#a22a28 Preview

Shades and Tints of #a22a28

Tones of #a22a28

Color Blindness Simulator