#a7311d hex color

In a RGB color space, hex #a7311d is composed of 65.5% red, 19.2% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.7% magenta, 82.6% yellow and 34.5% black. It has a hue angle of 8.7 degrees, a saturation of 70.4% and a lightness of 38.4%. #a7311d color hex could be obtained by blending #ff623a with #4f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 65
- G 19
- B 11
RGB color chart
- C 0
- M 71
- Y 83
- K 35
CMYK color chart

● #a7311d color description : Dark red.

The hexadecimal color #a7311d has RGB values of R:167, G:49, B:29 and CMYK values of C:0, M:0.71, Y:0.83, K:0.35. Its decimal value is 10957085.

Hex triplet	a7311d	`#a7311d`
RGB Decimal	167, 49, 29	`rgb(167,49,29)`
RGB Percent	65.5, 19.2, 11.4	`rgb(65.5%,19.2%,11.4%)`
CMYK	0, 71, 83, 35
HSL	8.7°, 70.4, 38.4	`hsl(8.7,70.4%,38.4%)`
HSV (or HSB)	8.7°, 82.6, 65.5
Web Safe	993333	`#993333`

CIE-LAB	38.73, 47.221, 39.229
XYZ	17.257, 10.503, 2.281
xyY	0.574, 0.35, 10.503
CIE-LCH	38.73, 61.39, 39.718
CIE-LUV	38.73, 91.73, 26.21
Hunter-Lab	32.408, 38.337, 18.513
Binary	10100111, 00110001, 00011101

#a7311d
```
#a7311d rgb(167,49,29)
```
#1d93a7
```
#1d93a7 rgb(29,147,167)
```

Complementary Color

#a71d4e
```
#a71d4e rgb(167,29,78)
```
#a7311d
```
#a7311d rgb(167,49,29)
```
#a7761d
```
#a7761d rgb(167,118,29)
```

Analogous Color

#1d4ea7
```
#1d4ea7 rgb(29,78,167)
```
#a7311d
```
#a7311d rgb(167,49,29)
```
#1da776
```
#1da776 rgb(29,167,118)
```

Split Complementary Color

#311da7
```
#311da7 rgb(49,29,167)
```
#a7311d
```
#a7311d rgb(167,49,29)
```
#1da731
```
#1da731 rgb(29,167,49)
```

Triadic Color

#a71d93
```
#a71d93 rgb(167,29,147)
```
#a7311d
```
#a7311d rgb(167,49,29)
```
#1da731
```
#1da731 rgb(29,167,49)
```
#1d93a7
```
#1d93a7 rgb(29,147,167)
```

Tetradic Color

#661e12
```
#661e12 rgb(102,30,18)
```
#7c2415
```
#7c2415 rgb(124,36,21)
```
#912b19
```
#912b19 rgb(145,43,25)
```
#a7311d
```
#a7311d rgb(167,49,29)
```
#bd3721
```
#bd3721 rgb(189,55,33)
```
#d23e25
```
#d23e25 rgb(210,62,37)
```
#dc4d35
```
#dc4d35 rgb(220,77,53)
```

Monochromatic Color

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

#a71d2b
```
#a71d2b rgb(167,29,43)
```
#a71d20
```
#a71d20 rgb(167,29,32)
```
#a7261d
```
#a7261d rgb(167,38,29)
```
#a7311d
```
#a7311d rgb(167,49,29)
```
#a73d1d
```
#a73d1d rgb(167,61,29)
```
#a7481d
```
#a7481d rgb(167,72,29)
```
#a7541d
```
#a7541d rgb(167,84,29)
```

Similar Colors

Text with hexadecimal color #a7311d

This text has a font color of #a7311d.

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

#a7311d background color

This paragraph has a background color of #a7311d.

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

#a7311d border color

This element has a border color of #a7311d.

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

CSS codes

.text {color:#a7311d;}

.background {background-color:#a7311d;}

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

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

#110503
```
#110503 rgb(17,5,3)
```
#210a06
```
#210a06 rgb(33,10,6)
```
#320f09
```
#320f09 rgb(50,15,9)
```
#43140c
```
#43140c rgb(67,20,12)
```
#53180e
```
#53180e rgb(83,24,14)
```
#641d11
```
#641d11 rgb(100,29,17)
```
#752214
```
#752214 rgb(117,34,20)
```
#862717
```
#862717 rgb(134,39,23)
```
#962c1a
```
#962c1a rgb(150,44,26)
```
#a7311d
```
#a7311d rgb(167,49,29)
```
#b83620
```
#b83620 rgb(184,54,32)
```
#c83b23
```
#c83b23 rgb(200,59,35)
```
#d94026
```
#d94026 rgb(217,64,38)
```

Shade Color Variation

#dc4e36
```
#dc4e36 rgb(220,78,54)
```
#df5d47
```
#df5d47 rgb(223,93,71)
```
#e26c58
```
#e26c58 rgb(226,108,88)
```
#e57a68
```
#e57a68 rgb(229,122,104)
```
#e88979
```
#e88979 rgb(232,137,121)
```
#eb988a
```
#eb988a rgb(235,152,138)
```
#eea79b
```
#eea79b rgb(238,167,155)
```
#f0b5ab
```
#f0b5ab rgb(240,181,171)
```
#f3c4bc
```
#f3c4bc rgb(243,196,188)
```
#f6d3cd
```
#f6d3cd rgb(246,211,205)
```
#f9e1dd
```
#f9e1dd rgb(249,225,221)
```
#fcf0ee
```
#fcf0ee rgb(252,240,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#636161
```
#636161 rgb(99,97,97)
```
#6b5c59
```
#6b5c59 rgb(107,92,89)
```
#725652
```
#725652 rgb(114,86,82)
```
#7a514a
```
#7a514a rgb(122,81,74)
```
#814c43
```
#814c43 rgb(129,76,67)
```
#89463b
```
#89463b rgb(137,70,59)
```
#904134
```
#904134 rgb(144,65,52)
```
#983c2c
```
#983c2c rgb(152,60,44)
```
#9f3625
```
#9f3625 rgb(159,54,37)
```
#a7311d
```
#a7311d rgb(167,49,29)
```
#af2c15
```
#af2c15 rgb(175,44,21)
```
#b6260e
```
#b6260e rgb(182,38,14)
```
#be2106
```
#be2106 rgb(190,33,6)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#634b47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6333 Protanopia 1% of men
#7c5f1d Deuteranopia 1% of men
#ac393b Tritanopia 0.001% of the population

Trichromacy

#82512b Protanomaly 1% of men, 0.01% of women
#8b4e1d Deuteranomaly 6% of men, 0.4% of women
#aa3630 Tritanomaly 0.01% of the population

#a7311d hex color

#a7311d Color Information

#a7311d Color Conversion

Color Schemes with #a7311d

Alternatives to #a7311d

#a7311d Preview

Shades and Tints of #a7311d

Tones of #a7311d

Color Blindness Simulator