#a22f2d hex color

In a RGB color space, hex #a22f2d is composed of 63.5% red, 18.4% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 72.2% yellow and 36.5% black. It has a hue angle of 1 degrees, a saturation of 56.5% and a lightness of 40.6%. #a22f2d color hex could be obtained by blending #ff5e5a 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

● #a22f2d color description : Dark red.

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

Hex triplet	a22f2d	`#a22f2d`
RGB Decimal	162, 47, 45	`rgb(162,47,45)`
RGB Percent	63.5, 18.4, 17.6	`rgb(63.5%,18.4%,17.6%)`
CMYK	0, 71, 72, 36
HSL	1°, 56.5, 40.6	`hsl(1,56.5%,40.6%)`
HSV (or HSB)	1°, 72.2, 63.5
Web Safe	993333	`#993333`

CIE-LAB	37.673, 46.961, 28.758
XYZ	16.391, 9.906, 3.531
xyY	0.55, 0.332, 9.906
CIE-LCH	37.673, 55.067, 31.483
CIE-LUV	37.673, 85.997, 19.317
Hunter-Lab	31.473, 37.883, 15.379
Binary	10100010, 00101111, 00101101

#a22f2d
```
#a22f2d rgb(162,47,45)
```
#2da0a2
```
#2da0a2 rgb(45,160,162)
```

Complementary Color

#a22d66
```
#a22d66 rgb(162,45,102)
```
#a22f2d
```
#a22f2d rgb(162,47,45)
```
#a26a2d
```
#a26a2d rgb(162,106,45)
```

Analogous Color

#2d66a2
```
#2d66a2 rgb(45,102,162)
```
#a22f2d
```
#a22f2d rgb(162,47,45)
```
#2da26a
```
#2da26a rgb(45,162,106)
```

Split Complementary Color

#2f2da2
```
#2f2da2 rgb(47,45,162)
```
#a22f2d
```
#a22f2d rgb(162,47,45)
```
#2da22f
```
#2da22f rgb(45,162,47)
```

Triadic Color

#a22da0
```
#a22da0 rgb(162,45,160)
```
#a22f2d
```
#a22f2d rgb(162,47,45)
```
#2da22f
```
#2da22f rgb(45,162,47)
```
#2da0a2
```
#2da0a2 rgb(45,160,162)
```

Tetradic Color

#661e1c
```
#661e1c rgb(102,30,28)
```
#7a2322
```
#7a2322 rgb(122,35,34)
```
#8e2927
```
#8e2927 rgb(142,41,39)
```
#a22f2d
```
#a22f2d rgb(162,47,45)
```
#b63533
```
#b63533 rgb(182,53,51)
```
#c83c3a
```
#c83c3a rgb(200,60,58)
```
#ce504e
```
#ce504e rgb(206,80,78)
```

Monochromatic Color

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

#a22d48
```
#a22d48 rgb(162,45,72)
```
#a22d3f
```
#a22d3f rgb(162,45,63)
```
#a22d35
```
#a22d35 rgb(162,45,53)
```
#a22f2d
```
#a22f2d rgb(162,47,45)
```
#a2392d
```
#a2392d rgb(162,57,45)
```
#a2432d
```
#a2432d rgb(162,67,45)
```
#a24c2d
```
#a24c2d rgb(162,76,45)
```

Similar Colors

Text with hexadecimal color #a22f2d

This text has a font color of #a22f2d.

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

#a22f2d background color

This paragraph has a background color of #a22f2d.

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

#a22f2d border color

This element has a border color of #a22f2d.

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

CSS codes

.text {color:#a22f2d;}

.background {background-color:#a22f2d;}

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

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

#080202
```
#080202 rgb(8,2,2)
```
#180707
```
#180707 rgb(24,7,7)
```
#270b0b
```
#270b0b rgb(39,11,11)
```
#37100f
```
#37100f rgb(55,16,15)
```
#461413
```
#461413 rgb(70,20,19)
```
#551918
```
#551918 rgb(85,25,24)
```
#651d1c
```
#651d1c rgb(101,29,28)
```
#742220
```
#742220 rgb(116,34,32)
```
#832624
```
#832624 rgb(131,38,36)
```
#932b29
```
#932b29 rgb(147,43,41)
```
#a22f2d
```
#a22f2d rgb(162,47,45)
```
#b13331
```
#b13331 rgb(177,51,49)
```
#c13836
```
#c13836 rgb(193,56,54)
```

Shade Color Variation

#ca4240
```
#ca4240 rgb(202,66,64)
```
#ce514f
```
#ce514f rgb(206,81,79)
```
#d2615f
```
#d2615f rgb(210,97,95)
```
#d7706e
```
#d7706e rgb(215,112,110)
```
#db7f7d
```
#db7f7d rgb(219,127,125)
```
#df8e8d
```
#df8e8d rgb(223,142,141)
```
#e49d9c
```
#e49d9c rgb(228,157,156)
```
#e8acab
```
#e8acab rgb(232,172,171)
```
#ecbcbb
```
#ecbcbb rgb(236,188,187)
```
#f0cbca
```
#f0cbca rgb(240,203,202)
```
#f5dad9
```
#f5dad9 rgb(245,218,217)
```
#f9e9e9
```
#f9e9e9 rgb(249,233,233)
```
#fdf8f8
```
#fdf8f8 rgb(253,248,248)
```

Tint Color Variation

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

#6a6565
```
#6a6565 rgb(106,101,101)
```
#725d5d
```
#725d5d rgb(114,93,93)
```
#7a5555
```
#7a5555 rgb(122,85,85)
```
#824e4d
```
#824e4d rgb(130,78,77)
```
#8a4645
```
#8a4645 rgb(138,70,69)
```
#923e3d
```
#923e3d rgb(146,62,61)
```
#9a3735
```
#9a3735 rgb(154,55,53)
```
#a22f2d
```
#a22f2d rgb(162,47,45)
```
#aa2725
```
#aa2725 rgb(170,39,37)
```
#b2201d
```
#b2201d rgb(178,32,29)
```
#ba1815
```
#ba1815 rgb(186,24,21)
```
#c2100d
```
#c2100d rgb(194,16,13)
```
#ca0905
```
#ca0905 rgb(202,9,5)
```

Tone Color Variation

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

#686144 Protanopia 1% of men
#775c30 Deuteranopia 1% of men
#a7393b Tritanopia 0.001% of the population

Trichromacy

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

#a22f2d hex color

#a22f2d Color Information

#a22f2d Color Conversion

Color Schemes with #a22f2d

Alternatives to #a22f2d

#a22f2d Preview

Shades and Tints of #a22f2d

Tones of #a22f2d

Color Blindness Simulator