#a22f1f hex color

In a RGB color space, hex #a22f1f is composed of 63.5% red, 18.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 80.9% yellow and 36.5% black. It has a hue angle of 7.3 degrees, a saturation of 67.9% and a lightness of 37.8%. #a22f1f color hex could be obtained by blending #ff5e3e with #450000. Closest websafe color is: #993333.

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

● #a22f1f color description : Dark red.

The hexadecimal color #a22f1f has RGB values of R:162, G:47, B:31 and CMYK values of C:0, M:0.71, Y:0.81, K:0.36. Its decimal value is 10628895.

Hex triplet	a22f1f	`#a22f1f`
RGB Decimal	162, 47, 31	`rgb(162,47,31)`
RGB Percent	63.5, 18.4, 12.2	`rgb(63.5%,18.4%,12.2%)`
CMYK	0, 71, 81, 36
HSL	7.3°, 67.9, 37.8	`hsl(7.3,67.9%,37.8%)`
HSV (or HSB)	7.3°, 80.9, 63.5
Web Safe	993333	`#993333`

CIE-LAB	37.509, 46.381, 36.654
XYZ	16.165, 9.815, 2.34
xyY	0.571, 0.347, 9.815
CIE-LCH	37.509, 59.116, 38.319
CIE-LUV	37.509, 88.546, 24.399
Hunter-Lab	31.329, 37.274, 17.503
Binary	10100010, 00101111, 00011111

#a22f1f
```
#a22f1f rgb(162,47,31)
```
#1f92a2
```
#1f92a2 rgb(31,146,162)
```

Complementary Color

#a21f51
```
#a21f51 rgb(162,31,81)
```
#a22f1f
```
#a22f1f rgb(162,47,31)
```
#a2711f
```
#a2711f rgb(162,113,31)
```

Analogous Color

#1f51a2
```
#1f51a2 rgb(31,81,162)
```
#a22f1f
```
#a22f1f rgb(162,47,31)
```
#1fa271
```
#1fa271 rgb(31,162,113)
```

Split Complementary Color

#2f1fa2
```
#2f1fa2 rgb(47,31,162)
```
#a22f1f
```
#a22f1f rgb(162,47,31)
```
#1fa22f
```
#1fa22f rgb(31,162,47)
```

Triadic Color

#a21f92
```
#a21f92 rgb(162,31,146)
```
#a22f1f
```
#a22f1f rgb(162,47,31)
```
#1fa22f
```
#1fa22f rgb(31,162,47)
```
#1f92a2
```
#1f92a2 rgb(31,146,162)
```

Tetradic Color

#621c13
```
#621c13 rgb(98,28,19)
```
#772317
```
#772317 rgb(119,35,23)
```
#8d291b
```
#8d291b rgb(141,41,27)
```
#a22f1f
```
#a22f1f rgb(162,47,31)
```
#b73523
```
#b73523 rgb(183,53,35)
```
#cd3b27
```
#cd3b27 rgb(205,59,39)
```
#d84935
```
#d84935 rgb(216,73,53)
```

Monochromatic Color

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

#a21f30
```
#a21f30 rgb(162,31,48)
```
#a21f25
```
#a21f25 rgb(162,31,37)
```
#a2241f
```
#a2241f rgb(162,36,31)
```
#a22f1f
```
#a22f1f rgb(162,47,31)
```
#a23a1f
```
#a23a1f rgb(162,58,31)
```
#a2451f
```
#a2451f rgb(162,69,31)
```
#a2501f
```
#a2501f rgb(162,80,31)
```

Similar Colors

Text with hexadecimal color #a22f1f

This text has a font color of #a22f1f.

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

#a22f1f background color

This paragraph has a background color of #a22f1f.

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

#a22f1f border color

This element has a border color of #a22f1f.

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

CSS codes

.text {color:#a22f1f;}

.background {background-color:#a22f1f;}

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

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

#0e0403
```
#0e0403 rgb(14,4,3)
```
#1e0906
```
#1e0906 rgb(30,9,6)
```
#2f0e09
```
#2f0e09 rgb(47,14,9)
```
#3f120c
```
#3f120c rgb(63,18,12)
```
#50170f
```
#50170f rgb(80,23,15)
```
#601c12
```
#601c12 rgb(96,28,18)
```
#712116
```
#712116 rgb(113,33,22)
```
#812519
```
#812519 rgb(129,37,25)
```
#922a1c
```
#922a1c rgb(146,42,28)
```
#a22f1f
```
#a22f1f rgb(162,47,31)
```
#b23422
```
#b23422 rgb(178,52,34)
```
#c33925
```
#c33925 rgb(195,57,37)
```
#d33d28
```
#d33d28 rgb(211,61,40)
```

Shade Color Variation

#d94b37
```
#d94b37 rgb(217,75,55)
```
#dc5947
```
#dc5947 rgb(220,89,71)
```
#df6858
```
#df6858 rgb(223,104,88)
```
#e27768
```
#e27768 rgb(226,119,104)
```
#e58679
```
#e58679 rgb(229,134,121)
```
#e89589
```
#e89589 rgb(232,149,137)
```
#eca49a
```
#eca49a rgb(236,164,154)
```
#efb2aa
```
#efb2aa rgb(239,178,170)
```
#f2c1ba
```
#f2c1ba rgb(242,193,186)
```
#f5d0cb
```
#f5d0cb rgb(245,208,203)
```
#f8dfdb
```
#f8dfdb rgb(248,223,219)
```
#fbeeec
```
#fbeeec rgb(251,238,236)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#675c5a
```
#675c5a rgb(103,92,90)
```
#6e5653
```
#6e5653 rgb(110,86,83)
```
#75514c
```
#75514c rgb(117,81,76)
```
#7d4b44
```
#7d4b44 rgb(125,75,68)
```
#84453d
```
#84453d rgb(132,69,61)
```
#8c4035
```
#8c4035 rgb(140,64,53)
```
#933a2e
```
#933a2e rgb(147,58,46)
```
#9b3526
```
#9b3526 rgb(155,53,38)
```
#a22f1f
```
#a22f1f rgb(162,47,31)
```
#a92918
```
#a92918 rgb(169,41,24)
```
#b12410
```
#b12410 rgb(177,36,16)
```
#b81e09
```
#b81e09 rgb(184,30,9)
```
#c01901
```
#c01901 rgb(192,25,1)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#604946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6135 Protanopia 1% of men
#785c20 Deuteranopia 1% of men
#a7373a Tritanopia 0.001% of the population

Trichromacy

#7e4e2d Protanomaly 1% of men, 0.01% of women
#874b20 Deuteranomaly 6% of men, 0.4% of women
#a53430 Tritanomaly 0.01% of the population

#a22f1f hex color

#a22f1f Color Information

#a22f1f Color Conversion

Color Schemes with #a22f1f

Alternatives to #a22f1f

#a22f1f Preview

Shades and Tints of #a22f1f

Tones of #a22f1f

Color Blindness Simulator