#a7212a hex color

In a RGB color space, hex #a7212a is composed of 65.5% red, 12.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 74.9% yellow and 34.5% black. It has a hue angle of 356 degrees, a saturation of 67% and a lightness of 39.2%. #a7212a color hex could be obtained by blending #ff4254 with #4f0000. Closest websafe color is: #993333.

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

● #a7212a color description : Dark red.

The hexadecimal color #a7212a has RGB values of R:167, G:33, B:42 and CMYK values of C:0, M:0.8, Y:0.75, K:0.35. Its decimal value is 10953002.

Hex triplet	a7212a	`#a7212a`
RGB Decimal	167, 33, 42	`rgb(167,33,42)`
RGB Percent	65.5, 12.9, 16.5	`rgb(65.5%,12.9%,16.5%)`
CMYK	0, 80, 75, 35
HSL	356°, 67, 39.2	`hsl(356,67%,39.2%)`
HSV (or HSB)	356°, 80.2, 65.5
Web Safe	993333	`#993333`

CIE-LAB	36.878, 53.229, 29.91
XYZ	16.899, 9.472, 3.129
xyY	0.573, 0.321, 9.472
CIE-LCH	36.878, 61.057, 29.332
CIE-LUV	36.878, 97.622, 18.215
Hunter-Lab	30.777, 44.149, 15.516
Binary	10100111, 00100001, 00101010

#a7212a
```
#a7212a rgb(167,33,42)
```
#21a79e
```
#21a79e rgb(33,167,158)
```

Complementary Color

#a7216d
```
#a7216d rgb(167,33,109)
```
#a7212a
```
#a7212a rgb(167,33,42)
```
#a75b21
```
#a75b21 rgb(167,91,33)
```

Analogous Color

#216da7
```
#216da7 rgb(33,109,167)
```
#a7212a
```
#a7212a rgb(167,33,42)
```
#21a75b
```
#21a75b rgb(33,167,91)
```

Split Complementary Color

#212aa7
```
#212aa7 rgb(33,42,167)
```
#a7212a
```
#a7212a rgb(167,33,42)
```
#2aa721
```
#2aa721 rgb(42,167,33)
```

Triadic Color

#9e21a7
```
#9e21a7 rgb(158,33,167)
```
#a7212a
```
#a7212a rgb(167,33,42)
```
#2aa721
```
#2aa721 rgb(42,167,33)
```
#21a79e
```
#21a79e rgb(33,167,158)
```

Tetradic Color

#67141a
```
#67141a rgb(103,20,26)
```
#7c191f
```
#7c191f rgb(124,25,31)
```
#921d25
```
#921d25 rgb(146,29,37)
```
#a7212a
```
#a7212a rgb(167,33,42)
```
#bc252f
```
#bc252f rgb(188,37,47)
```
#d22935
```
#d22935 rgb(210,41,53)
```
#d83c47
```
#d83c47 rgb(216,60,71)
```

Monochromatic Color

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

#a7214c
```
#a7214c rgb(167,33,76)
```
#a72140
```
#a72140 rgb(167,33,64)
```
#a72135
```
#a72135 rgb(167,33,53)
```
#a7212a
```
#a7212a rgb(167,33,42)
```
#a72321
```
#a72321 rgb(167,35,33)
```
#a72e21
```
#a72e21 rgb(167,46,33)
```
#a73a21
```
#a73a21 rgb(167,58,33)
```

Similar Colors

Text with hexadecimal color #a7212a

This text has a font color of #a7212a.

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

#a7212a background color

This paragraph has a background color of #a7212a.

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

#a7212a border color

This element has a border color of #a7212a.

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

CSS codes

.text {color:#a7212a;}

.background {background-color:#a7212a;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#140405
```
#140405 rgb(20,4,5)
```
#240709
```
#240709 rgb(36,7,9)
```
#340a0d
```
#340a0d rgb(52,10,13)
```
#450e11
```
#450e11 rgb(69,14,17)
```
#551115
```
#551115 rgb(85,17,21)
```
#65141a
```
#65141a rgb(101,20,26)
```
#76171e
```
#76171e rgb(118,23,30)
```
#861b22
```
#861b22 rgb(134,27,34)
```
#971e26
```
#971e26 rgb(151,30,38)
```
#a7212a
```
#a7212a rgb(167,33,42)
```
#b7242e
```
#b7242e rgb(183,36,46)
```
#c82732
```
#c82732 rgb(200,39,50)
```

Shade Color Variation

#d62d39
```
#d62d39 rgb(214,45,57)
```
#d93e48
```
#d93e48 rgb(217,62,72)
```
#dc4e58
```
#dc4e58 rgb(220,78,88)
```
#df5e67
```
#df5e67 rgb(223,94,103)
```
#e36f77
```
#e36f77 rgb(227,111,119)
```
#e67f86
```
#e67f86 rgb(230,127,134)
```
#e99096
```
#e99096 rgb(233,144,150)
```
#eca0a5
```
#eca0a5 rgb(236,160,165)
```
#efb0b5
```
#efb0b5 rgb(239,176,181)
```
#f3c1c4
```
#f3c1c4 rgb(243,193,196)
```
#f6d1d4
```
#f6d1d4 rgb(246,209,212)
```
#f9e1e3
```
#f9e1e3 rgb(249,225,227)
```
#fcf2f3
```
#fcf2f3 rgb(252,242,243)
```

Tint Color Variation

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

#695f5f
```
#695f5f rgb(105,95,95)
```
#715759
```
#715759 rgb(113,87,89)
```
#794f52
```
#794f52 rgb(121,79,82)
```
#81474b
```
#81474b rgb(129,71,75)
```
#884045
```
#884045 rgb(136,64,69)
```
#90383e
```
#90383e rgb(144,56,62)
```
#983037
```
#983037 rgb(152,48,55)
```
#9f2931
```
#9f2931 rgb(159,41,49)
```
#a7212a
```
#a7212a rgb(167,33,42)
```
#af1923
```
#af1923 rgb(175,25,35)
```
#b6121d
```
#b6121d rgb(182,18,29)
```
#be0a16
```
#be0a16 rgb(190,10,22)
```
#c6020f
```
#c6020f rgb(198,2,15)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5d4244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#665f44 Protanopia 1% of men
#755b2b Deuteranopia 1% of men
#ab2d2e Tritanopia 0.001% of the population

Trichromacy

#7e483a Protanomaly 1% of men, 0.01% of women
#87462a Deuteranomaly 6% of men, 0.4% of women
#a9292d Tritanomaly 0.01% of the population

#a7212a hex color

#a7212a Color Information

#a7212a Color Conversion

Color Schemes with #a7212a

Alternatives to #a7212a

#a7212a Preview

Shades and Tints of #a7212a

Tones of #a7212a

Color Blindness Simulator