#a7311e hex color

In a RGB color space, hex #a7311e is composed of 65.5% red, 19.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.7% magenta, 82% yellow and 34.5% black. It has a hue angle of 8.3 degrees, a saturation of 69.5% and a lightness of 38.6%. #a7311e color hex could be obtained by blending #ff623c with #4f0000. Closest websafe color is: #993333.

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

● #a7311e color description : Dark red.

The hexadecimal color #a7311e has RGB values of R:167, G:49, B:30 and CMYK values of C:0, M:0.71, Y:0.82, K:0.35. Its decimal value is 10957086.

Hex triplet	a7311e	`#a7311e`
RGB Decimal	167, 49, 30	`rgb(167,49,30)`
RGB Percent	65.5, 19.2, 11.8	`rgb(65.5%,19.2%,11.8%)`
CMYK	0, 71, 82, 35
HSL	8.3°, 69.5, 38.6	`hsl(8.3,69.5%,38.6%)`
HSV (or HSB)	8.3°, 82, 65.5
Web Safe	993333	`#993333`

CIE-LAB	38.739, 47.252, 38.716
XYZ	17.27, 10.508, 2.347
xyY	0.573, 0.349, 10.508
CIE-LCH	38.739, 61.087, 39.33
CIE-LUV	38.739, 91.588, 25.929
Hunter-Lab	32.416, 38.37, 18.398
Binary	10100111, 00110001, 00011110

#a7311e
```
#a7311e rgb(167,49,30)
```
#1e94a7
```
#1e94a7 rgb(30,148,167)
```

Complementary Color

#a71e50
```
#a71e50 rgb(167,30,80)
```
#a7311e
```
#a7311e rgb(167,49,30)
```
#a7761e
```
#a7761e rgb(167,118,30)
```

Analogous Color

#1e50a7
```
#1e50a7 rgb(30,80,167)
```
#a7311e
```
#a7311e rgb(167,49,30)
```
#1ea776
```
#1ea776 rgb(30,167,118)
```

Split Complementary Color

#311ea7
```
#311ea7 rgb(49,30,167)
```
#a7311e
```
#a7311e rgb(167,49,30)
```
#1ea731
```
#1ea731 rgb(30,167,49)
```

Triadic Color

#a71e94
```
#a71e94 rgb(167,30,148)
```
#a7311e
```
#a7311e rgb(167,49,30)
```
#1ea731
```
#1ea731 rgb(30,167,49)
```
#1e94a7
```
#1e94a7 rgb(30,148,167)
```

Tetradic Color

#661e12
```
#661e12 rgb(102,30,18)
```
#7c2416
```
#7c2416 rgb(124,36,22)
```
#912b1a
```
#912b1a rgb(145,43,26)
```
#a7311e
```
#a7311e rgb(167,49,30)
```
#bd3722
```
#bd3722 rgb(189,55,34)
```
#d23e26
```
#d23e26 rgb(210,62,38)
```
#db4d37
```
#db4d37 rgb(219,77,55)
```

Monochromatic Color

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

#a71e2d
```
#a71e2d rgb(167,30,45)
```
#a71e22
```
#a71e22 rgb(167,30,34)
```
#a7261e
```
#a7261e rgb(167,38,30)
```
#a7311e
```
#a7311e rgb(167,49,30)
```
#a73c1e
```
#a73c1e rgb(167,60,30)
```
#a7481e
```
#a7481e rgb(167,72,30)
```
#a7531e
```
#a7531e rgb(167,83,30)
```

Similar Colors

Text with hexadecimal color #a7311e

This text has a font color of #a7311e.

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

#a7311e background color

This paragraph has a background color of #a7311e.

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

#a7311e border color

This element has a border color of #a7311e.

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

CSS codes

.text {color:#a7311e;}

.background {background-color:#a7311e;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110503
```
#110503 rgb(17,5,3)
```
#220a06
```
#220a06 rgb(34,10,6)
```
#330f09
```
#330f09 rgb(51,15,9)
```
#43140c
```
#43140c rgb(67,20,12)
```
#54190f
```
#54190f rgb(84,25,15)
```
#641d12
```
#641d12 rgb(100,29,18)
```
#752215
```
#752215 rgb(117,34,21)
```
#862718
```
#862718 rgb(134,39,24)
```
#962c1b
```
#962c1b rgb(150,44,27)
```
#a7311e
```
#a7311e rgb(167,49,30)
```
#b83621
```
#b83621 rgb(184,54,33)
```
#c83b24
```
#c83b24 rgb(200,59,36)
```

Shade Color Variation

#d84028
```
#d84028 rgb(216,64,40)
```
#db4f38
```
#db4f38 rgb(219,79,56)
```
#de5e49
```
#de5e49 rgb(222,94,73)
```
#e16c59
```
#e16c59 rgb(225,108,89)
```
#e47b6a
```
#e47b6a rgb(228,123,106)
```
#e78a7b
```
#e78a7b rgb(231,138,123)
```
#ea988b
```
#ea988b rgb(234,152,139)
```
#eda79c
```
#eda79c rgb(237,167,156)
```
#f0b6ad
```
#f0b6ad rgb(240,182,173)
```
#f3c5bd
```
#f3c5bd rgb(243,197,189)
```
#f6d3ce
```
#f6d3ce rgb(246,211,206)
```
#f9e2de
```
#f9e2de rgb(249,226,222)
```
#fcf1ef
```
#fcf1ef rgb(252,241,239)
```

Tint Color Variation

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

#636262
```
#636262 rgb(99,98,98)
```
#6a5d5b
```
#6a5d5b rgb(106,93,91)
```
#725753
```
#725753 rgb(114,87,83)
```
#7a524b
```
#7a524b rgb(122,82,75)
```
#814c44
```
#814c44 rgb(129,76,68)
```
#89473c
```
#89473c rgb(137,71,60)
```
#904135
```
#904135 rgb(144,65,53)
```
#983c2d
```
#983c2d rgb(152,60,45)
```
#9f3626
```
#9f3626 rgb(159,54,38)
```
#a7311e
```
#a7311e rgb(167,49,30)
```
#af2c16
```
#af2c16 rgb(175,44,22)
```
#b6260f
```
#b6260f rgb(182,38,15)
```
#be2107
```
#be2107 rgb(190,33,7)
```

Tone Color Variation

Below, you can see how #a7311e 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
#634b48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6334 Protanopia 1% of men
#7b5f1f Deuteranopia 1% of men
#ac393c Tritanopia 0.001% of the population

Trichromacy

#82512c Protanomaly 1% of men, 0.01% of women
#8b4e1e Deuteranomaly 6% of men, 0.4% of women
#aa3631 Tritanomaly 0.01% of the population

#a7311e hex color

#a7311e Color Information

#a7311e Color Conversion

Color Schemes with #a7311e

Alternatives to #a7311e

#a7311e Preview

Shades and Tints of #a7311e

Tones of #a7311e

Color Blindness Simulator