#a22028 hex color

In a RGB color space, hex #a22028 is composed of 63.5% red, 12.5% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 75.3% yellow and 36.5% black. It has a hue angle of 356.3 degrees, a saturation of 67% and a lightness of 38%. #a22028 color hex could be obtained by blending #ff4050 with #450000. Closest websafe color is: #993333.

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

● #a22028 color description : Dark red.

The hexadecimal color #a22028 has RGB values of R:162, G:32, B:40 and CMYK values of C:0, M:0.8, Y:0.75, K:0.36. Its decimal value is 10625064.

Hex triplet	a22028	`#a22028`
RGB Decimal	162, 32, 40	`rgb(162,32,40)`
RGB Percent	63.5, 12.5, 15.7	`rgb(63.5%,12.5%,15.7%)`
CMYK	0, 80, 75, 36
HSL	356.3°, 67, 38	`hsl(356.3,67%,38%)`
HSV (or HSB)	356.3°, 80.2, 63.5
Web Safe	993333	`#993333`

CIE-LAB	35.732, 51.943, 29.552
XYZ	15.801, 8.87, 2.887
xyY	0.573, 0.322, 8.87
CIE-LCH	35.732, 59.761, 29.637
CIE-LUV	35.732, 94.496, 17.873
Hunter-Lab	29.782, 42.584, 15.099
Binary	10100010, 00100000, 00101000

#a22028
```
#a22028 rgb(162,32,40)
```
#20a29a
```
#20a29a rgb(32,162,154)
```

Complementary Color

#a22069
```
#a22069 rgb(162,32,105)
```
#a22028
```
#a22028 rgb(162,32,40)
```
#a25920
```
#a25920 rgb(162,89,32)
```

Analogous Color

#2069a2
```
#2069a2 rgb(32,105,162)
```
#a22028
```
#a22028 rgb(162,32,40)
```
#20a259
```
#20a259 rgb(32,162,89)
```

Split Complementary Color

#2028a2
```
#2028a2 rgb(32,40,162)
```
#a22028
```
#a22028 rgb(162,32,40)
```
#28a220
```
#28a220 rgb(40,162,32)
```

Triadic Color

#9a20a2
```
#9a20a2 rgb(154,32,162)
```
#a22028
```
#a22028 rgb(162,32,40)
```
#28a220
```
#28a220 rgb(40,162,32)
```
#20a29a
```
#20a29a rgb(32,162,154)
```

Tetradic Color

#621318
```
#621318 rgb(98,19,24)
```
#77181d
```
#77181d rgb(119,24,29)
```
#8d1c23
```
#8d1c23 rgb(141,28,35)
```
#a22028
```
#a22028 rgb(162,32,40)
```
#b7242d
```
#b7242d rgb(183,36,45)
```
#cd2833
```
#cd2833 rgb(205,40,51)
```
#d73741
```
#d73741 rgb(215,55,65)
```

Monochromatic Color

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

#a22049
```
#a22049 rgb(162,32,73)
```
#a2203e
```
#a2203e rgb(162,32,62)
```
#a22033
```
#a22033 rgb(162,32,51)
```
#a22028
```
#a22028 rgb(162,32,40)
```
#a22320
```
#a22320 rgb(162,35,32)
```
#a22e20
```
#a22e20 rgb(162,46,32)
```
#a23920
```
#a23920 rgb(162,57,32)
```

Similar Colors

Text with hexadecimal color #a22028

This text has a font color of #a22028.

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

#a22028 background color

This paragraph has a background color of #a22028.

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

#a22028 border color

This element has a border color of #a22028.

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

CSS codes

.text {color:#a22028;}

.background {background-color:#a22028;}

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

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, #0f0304 is the darkest color, while #fffdfd is the lightest one.

#0f0304
```
#0f0304 rgb(15,3,4)
```
#1f0608
```
#1f0608 rgb(31,6,8)
```
#2f090c
```
#2f090c rgb(47,9,12)
```
#400d10
```
#400d10 rgb(64,13,16)
```
#501014
```
#501014 rgb(80,16,20)
```
#601318
```
#601318 rgb(96,19,24)
```
#71161c
```
#71161c rgb(113,22,28)
```
#811a20
```
#811a20 rgb(129,26,32)
```
#921d24
```
#921d24 rgb(146,29,36)
```
#a22028
```
#a22028 rgb(162,32,40)
```
#b2232c
```
#b2232c rgb(178,35,44)
```
#c32630
```
#c32630 rgb(195,38,48)
```
#d32a34
```
#d32a34 rgb(211,42,52)
```

Shade Color Variation

#d83942
```
#d83942 rgb(216,57,66)
```
#db4952
```
#db4952 rgb(219,73,82)
```
#de5962
```
#de5962 rgb(222,89,98)
```
#e26a71
```
#e26a71 rgb(226,106,113)
```
#e57a81
```
#e57a81 rgb(229,122,129)
```
#e88b90
```
#e88b90 rgb(232,139,144)
```
#eb9ba0
```
#eb9ba0 rgb(235,155,160)
```
#eeabaf
```
#eeabaf rgb(238,171,175)
```
#f2bcbf
```
#f2bcbf rgb(242,188,191)
```
#f5cccf
```
#f5cccf rgb(245,204,207)
```
#f8dcde
```
#f8dcde rgb(248,220,222)
```
#fbedee
```
#fbedee rgb(251,237,238)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#665c5c
```
#665c5c rgb(102,92,92)
```
#6e5456
```
#6e5456 rgb(110,84,86)
```
#754d4f
```
#754d4f rgb(117,77,79)
```
#7d4549
```
#7d4549 rgb(125,69,73)
```
#843e42
```
#843e42 rgb(132,62,66)
```
#8c363c
```
#8c363c rgb(140,54,60)
```
#932f35
```
#932f35 rgb(147,47,53)
```
#9b272f
```
#9b272f rgb(155,39,47)
```
#a22028
```
#a22028 rgb(162,32,40)
```
#a91921
```
#a91921 rgb(169,25,33)
```
#b1111b
```
#b1111b rgb(177,17,27)
```
#b80a14
```
#b80a14 rgb(184,10,20)
```
#c0020e
```
#c0020e rgb(192,2,14)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5a4042 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645c42 Protanopia 1% of men
#725829 Deuteranopia 1% of men
#a62c2d Tritanopia 0.001% of the population

Trichromacy

#7a4638 Protanomaly 1% of men, 0.01% of women
#834429 Deuteranomaly 6% of men, 0.4% of women
#a4282b Tritanomaly 0.01% of the population

#a22028 hex color

#a22028 Color Information

#a22028 Color Conversion

Color Schemes with #a22028

Alternatives to #a22028

#a22028 Preview

Shades and Tints of #a22028

Tones of #a22028

Color Blindness Simulator