#a22f2e hex color

In a RGB color space, hex #a22f2e is composed of 63.5% red, 18.4% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 71.6% yellow and 36.5% black. It has a hue angle of 0.5 degrees, a saturation of 55.8% and a lightness of 40.8%. #a22f2e color hex could be obtained by blending #ff5e5c with #450000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 64
- G 18
- B 18
RGB color chart
- C 0
- M 71
- Y 72
- K 36
CMYK color chart

● #a22f2e color description : Dark red.

The hexadecimal color #a22f2e has RGB values of R:162, G:47, B:46 and CMYK values of C:0, M:0.71, Y:0.72, K:0.36. Its decimal value is 10628910.

Hex triplet	a22f2e	`#a22f2e`
RGB Decimal	162, 47, 46	`rgb(162,47,46)`
RGB Percent	63.5, 18.4, 18	`rgb(63.5%,18.4%,18%)`
CMYK	0, 71, 72, 36
HSL	0.5°, 55.8, 40.8	`hsl(0.5,55.8%,40.8%)`
HSV (or HSB)	0.5°, 71.6, 63.5
Web Safe	993333	`#993333`

CIE-LAB	37.687, 47.011, 28.17
XYZ	16.411, 9.914, 3.634
xyY	0.548, 0.331, 9.914
CIE-LCH	37.687, 54.805, 30.932
CIE-LUV	37.687, 85.785, 18.892
Hunter-Lab	31.486, 37.936, 15.197
Binary	10100010, 00101111, 00101110

#a22f2e
```
#a22f2e rgb(162,47,46)
```
#2ea1a2
```
#2ea1a2 rgb(46,161,162)
```

Complementary Color

#a22e67
```
#a22e67 rgb(162,46,103)
```
#a22f2e
```
#a22f2e rgb(162,47,46)
```
#a2692e
```
#a2692e rgb(162,105,46)
```

Analogous Color

#2e67a2
```
#2e67a2 rgb(46,103,162)
```
#a22f2e
```
#a22f2e rgb(162,47,46)
```
#2ea269
```
#2ea269 rgb(46,162,105)
```

Split Complementary Color

#2f2ea2
```
#2f2ea2 rgb(47,46,162)
```
#a22f2e
```
#a22f2e rgb(162,47,46)
```
#2ea22f
```
#2ea22f rgb(46,162,47)
```

Triadic Color

#a22ea1
```
#a22ea1 rgb(162,46,161)
```
#a22f2e
```
#a22f2e rgb(162,47,46)
```
#2ea22f
```
#2ea22f rgb(46,162,47)
```
#2ea1a2
```
#2ea1a2 rgb(46,161,162)
```

Tetradic Color

#661e1d
```
#661e1d rgb(102,30,29)
```
#7a2323
```
#7a2323 rgb(122,35,35)
```
#8e2928
```
#8e2928 rgb(142,41,40)
```
#a22f2e
```
#a22f2e rgb(162,47,46)
```
#b63534
```
#b63534 rgb(182,53,52)
```
#c73d3c
```
#c73d3c rgb(199,61,60)
```
#cd504f
```
#cd504f rgb(205,80,79)
```

Monochromatic Color

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

#a22e4a
```
#a22e4a rgb(162,46,74)
```
#a22e40
```
#a22e40 rgb(162,46,64)
```
#a22e37
```
#a22e37 rgb(162,46,55)
```
#a22f2e
```
#a22f2e rgb(162,47,46)
```
#a2392e
```
#a2392e rgb(162,57,46)
```
#a2422e
```
#a2422e rgb(162,66,46)
```
#a24c2e
```
#a24c2e rgb(162,76,46)
```

Similar Colors

Text with hexadecimal color #a22f2e

This text has a font color of #a22f2e.

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

#a22f2e background color

This paragraph has a background color of #a22f2e.

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

#a22f2e border color

This element has a border color of #a22f2e.

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

CSS codes

.text {color:#a22f2e;}

.background {background-color:#a22f2e;}

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

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

#090303
```
#090303 rgb(9,3,3)
```
#190707
```
#190707 rgb(25,7,7)
```
#280c0b
```
#280c0b rgb(40,12,11)
```
#371010
```
#371010 rgb(55,16,16)
```
#461414
```
#461414 rgb(70,20,20)
```
#561918
```
#561918 rgb(86,25,24)
```
#651d1d
```
#651d1d rgb(101,29,29)
```
#742221
```
#742221 rgb(116,34,33)
```
#832625
```
#832625 rgb(131,38,37)
```
#932b2a
```
#932b2a rgb(147,43,42)
```
#a22f2e
```
#a22f2e rgb(162,47,46)
```
#b13332
```
#b13332 rgb(177,51,50)
```
#c13837
```
#c13837 rgb(193,56,55)
```

Shade Color Variation

#c94342
```
#c94342 rgb(201,67,66)
```
#ce5251
```
#ce5251 rgb(206,82,81)
```
#d26160
```
#d26160 rgb(210,97,96)
```
#d6706f
```
#d6706f rgb(214,112,111)
```
#db807f
```
#db807f rgb(219,128,127)
```
#df8f8e
```
#df8f8e rgb(223,143,142)
```
#e39e9d
```
#e39e9d rgb(227,158,157)
```
#e8adad
```
#e8adad rgb(232,173,173)
```
#ecbcbc
```
#ecbcbc rgb(236,188,188)
```
#f0cbcb
```
#f0cbcb rgb(240,203,203)
```
#f5dbda
```
#f5dbda rgb(245,219,218)
```
#f9eaea
```
#f9eaea rgb(249,234,234)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

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

#6a6666
```
#6a6666 rgb(106,102,102)
```
#725e5e
```
#725e5e rgb(114,94,94)
```
#7a5656
```
#7a5656 rgb(122,86,86)
```
#824e4e
```
#824e4e rgb(130,78,78)
```
#8a4746
```
#8a4746 rgb(138,71,70)
```
#923f3e
```
#923f3e rgb(146,63,62)
```
#9a3736
```
#9a3736 rgb(154,55,54)
```
#a22f2e
```
#a22f2e rgb(162,47,46)
```
#aa2726
```
#aa2726 rgb(170,39,38)
```
#b21f1e
```
#b21f1e rgb(178,31,30)
```
#ba1716
```
#ba1716 rgb(186,23,22)
```
#c2100e
```
#c2100e rgb(194,16,14)
```
#ca0806
```
#ca0806 rgb(202,8,6)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#614a4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#686145 Protanopia 1% of men
#775d31 Deuteranopia 1% of men
#a6393c Tritanopia 0.001% of the population

Trichromacy

#7d4e3d Protanomaly 1% of men, 0.01% of women
#864c2f Deuteranomaly 6% of men, 0.4% of women
#a53536 Tritanomaly 0.01% of the population

#a22f2e hex color

#a22f2e Color Information

#a22f2e Color Conversion

Color Schemes with #a22f2e

Alternatives to #a22f2e

#a22f2e Preview

Shades and Tints of #a22f2e

Tones of #a22f2e

Color Blindness Simulator