#a22f20 hex color

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

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

● #a22f20 color description : Dark red.

The hexadecimal color #a22f20 has RGB values of R:162, G:47, B:32 and CMYK values of C:0, M:0.71, Y:0.8, K:0.36. Its decimal value is 10628896.

Hex triplet	a22f20	`#a22f20`
RGB Decimal	162, 47, 32	`rgb(162,47,32)`
RGB Percent	63.5, 18.4, 12.5	`rgb(63.5%,18.4%,12.5%)`
CMYK	0, 71, 80, 36
HSL	6.9°, 67, 38	`hsl(6.9,67%,38%)`
HSV (or HSB)	6.9°, 80.2, 63.5
Web Safe	993333	`#993333`

CIE-LAB	37.518, 46.416, 36.118
XYZ	16.178, 9.821, 2.41
xyY	0.569, 0.346, 9.821
CIE-LCH	37.518, 58.813, 37.888
CIE-LUV	37.518, 88.391, 24.091
Hunter-Lab	31.338, 37.31, 17.377
Binary	10100010, 00101111, 00100000

#a22f20
```
#a22f20 rgb(162,47,32)
```
#2093a2
```
#2093a2 rgb(32,147,162)
```

Complementary Color

#a22052
```
#a22052 rgb(162,32,82)
```
#a22f20
```
#a22f20 rgb(162,47,32)
```
#a27020
```
#a27020 rgb(162,112,32)
```

Analogous Color

#2052a2
```
#2052a2 rgb(32,82,162)
```
#a22f20
```
#a22f20 rgb(162,47,32)
```
#20a270
```
#20a270 rgb(32,162,112)
```

Split Complementary Color

#2f20a2
```
#2f20a2 rgb(47,32,162)
```
#a22f20
```
#a22f20 rgb(162,47,32)
```
#20a22f
```
#20a22f rgb(32,162,47)
```

Triadic Color

#a22093
```
#a22093 rgb(162,32,147)
```
#a22f20
```
#a22f20 rgb(162,47,32)
```
#20a22f
```
#20a22f rgb(32,162,47)
```
#2093a2
```
#2093a2 rgb(32,147,162)
```

Tetradic Color

#621c13
```
#621c13 rgb(98,28,19)
```
#772318
```
#772318 rgb(119,35,24)
```
#8d291c
```
#8d291c rgb(141,41,28)
```
#a22f20
```
#a22f20 rgb(162,47,32)
```
#b73524
```
#b73524 rgb(183,53,36)
```
#cd3b28
```
#cd3b28 rgb(205,59,40)
```
#d74a37
```
#d74a37 rgb(215,74,55)
```

Monochromatic Color

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

#a22032
```
#a22032 rgb(162,32,50)
```
#a22027
```
#a22027 rgb(162,32,39)
```
#a22420
```
#a22420 rgb(162,36,32)
```
#a22f20
```
#a22f20 rgb(162,47,32)
```
#a23a20
```
#a23a20 rgb(162,58,32)
```
#a24520
```
#a24520 rgb(162,69,32)
```
#a24f20
```
#a24f20 rgb(162,79,32)
```

Similar Colors

Text with hexadecimal color #a22f20

This text has a font color of #a22f20.

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

#a22f20 background color

This paragraph has a background color of #a22f20.

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

#a22f20 border color

This element has a border color of #a22f20.

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

CSS codes

.text {color:#a22f20;}

.background {background-color:#a22f20;}

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

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

#0f0403
```
#0f0403 rgb(15,4,3)
```
#1f0906
```
#1f0906 rgb(31,9,6)
```
#2f0e09
```
#2f0e09 rgb(47,14,9)
```
#40120d
```
#40120d rgb(64,18,13)
```
#501710
```
#501710 rgb(80,23,16)
```
#601c13
```
#601c13 rgb(96,28,19)
```
#712116
```
#712116 rgb(113,33,22)
```
#81251a
```
#81251a rgb(129,37,26)
```
#922a1d
```
#922a1d rgb(146,42,29)
```
#a22f20
```
#a22f20 rgb(162,47,32)
```
#b23423
```
#b23423 rgb(178,52,35)
```
#c33926
```
#c33926 rgb(195,57,38)
```
#d33d2a
```
#d33d2a rgb(211,61,42)
```

Shade Color Variation

#d84b39
```
#d84b39 rgb(216,75,57)
```
#db5a49
```
#db5a49 rgb(219,90,73)
```
#de6959
```
#de6959 rgb(222,105,89)
```
#e2786a
```
#e2786a rgb(226,120,106)
```
#e5867a
```
#e5867a rgb(229,134,122)
```
#e8958b
```
#e8958b rgb(232,149,139)
```
#eba49b
```
#eba49b rgb(235,164,155)
```
#eeb3ab
```
#eeb3ab rgb(238,179,171)
```
#f2c2bc
```
#f2c2bc rgb(242,194,188)
```
#f5d1cc
```
#f5d1cc rgb(245,209,204)
```
#f8e0dc
```
#f8e0dc rgb(248,224,220)
```
#fbefed
```
#fbefed rgb(251,239,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#665d5c
```
#665d5c rgb(102,93,92)
```
#6e5754
```
#6e5754 rgb(110,87,84)
```
#75514d
```
#75514d rgb(117,81,77)
```
#7d4c45
```
#7d4c45 rgb(125,76,69)
```
#84463e
```
#84463e rgb(132,70,62)
```
#8c4036
```
#8c4036 rgb(140,64,54)
```
#933a2f
```
#933a2f rgb(147,58,47)
```
#9b3527
```
#9b3527 rgb(155,53,39)
```
#a22f20
```
#a22f20 rgb(162,47,32)
```
#a92919
```
#a92919 rgb(169,41,25)
```
#b12411
```
#b12411 rgb(177,36,17)
```
#b81e0a
```
#b81e0a rgb(184,30,10)
```
#c01802
```
#c01802 rgb(192,24,2)
```

Tone Color Variation

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

#6a6136 Protanopia 1% of men
#785c22 Deuteranopia 1% of men
#a7373a Tritanopia 0.001% of the population

Trichromacy

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

#a22f20 hex color

#a22f20 Color Information

#a22f20 Color Conversion

Color Schemes with #a22f20

Alternatives to #a22f20

#a22f20 Preview

Shades and Tints of #a22f20

Tones of #a22f20

Color Blindness Simulator