#311616 hex color

In a RGB color space, hex #311616 is composed of 19.2% red, 8.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.1% magenta, 55.1% yellow and 80.8% black. It has a hue angle of 0 degrees, a saturation of 38% and a lightness of 13.9%. #311616 color hex could be obtained by blending #622c2c with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 19
- G 9
- B 9
RGB color chart
- C 0
- M 55
- Y 55
- K 81
CMYK color chart

● #311616 color description : Very dark (mostly black) red.

The hexadecimal color #311616 has RGB values of R:49, G:22, B:22 and CMYK values of C:0, M:0.55, Y:0.55, K:0.81. Its decimal value is 3216918.

Hex triplet	311616	`#311616`
RGB Decimal	49, 22, 22	`rgb(49,22,22)`
RGB Percent	19.2, 8.6, 8.6	`rgb(19.2%,8.6%,8.6%)`
CMYK	0, 55, 55, 81
HSL	0°, 38, 13.9	`hsl(0,38%,13.9%)`
HSV (or HSB)	0°, 55.1, 19.2
Web Safe	330000	`#330000`

CIE-LAB	11.169, 13.61, 6.133
XYZ	1.698, 1.285, 0.918
xyY	0.435, 0.329, 1.285
CIE-LCH	11.169, 14.928, 24.256
CIE-LUV	11.169, 12.853, 2.772
Hunter-Lab	11.335, 6.909, 3.135
Binary	00110001, 00010110, 00010110

#311616
```
#311616 rgb(49,22,22)
```
#163131
```
#163131 rgb(22,49,49)
```

Complementary Color

#311624
```
#311624 rgb(49,22,36)
```
#311616
```
#311616 rgb(49,22,22)
```
#312416
```
#312416 rgb(49,36,22)
```

Analogous Color

#162431
```
#162431 rgb(22,36,49)
```
#311616
```
#311616 rgb(49,22,22)
```
#163124
```
#163124 rgb(22,49,36)
```

Split Complementary Color

#161631
```
#161631 rgb(22,22,49)
```
#311616
```
#311616 rgb(49,22,22)
```
#163116
```
#163116 rgb(22,49,22)
```

Triadic Color

#311631
```
#311631 rgb(49,22,49)
```
#311616
```
#311616 rgb(49,22,22)
```
#163116
```
#163116 rgb(22,49,22)
```
#163131
```
#163131 rgb(22,49,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0606
```
#0e0606 rgb(14,6,6)
```
#1f0e0e
```
#1f0e0e rgb(31,14,14)
```
#311616
```
#311616 rgb(49,22,22)
```
#431e1e
```
#431e1e rgb(67,30,30)
```
#542626
```
#542626 rgb(84,38,38)
```
#662e2e
```
#662e2e rgb(102,46,46)
```

Monochromatic Color

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

#31161d
```
#31161d rgb(49,22,29)
```
#31161b
```
#31161b rgb(49,22,27)
```
#311618
```
#311618 rgb(49,22,24)
```
#311616
```
#311616 rgb(49,22,22)
```
#311816
```
#311816 rgb(49,24,22)
```
#311b16
```
#311b16 rgb(49,27,22)
```
#311d16
```
#311d16 rgb(49,29,22)
```

Similar Colors

Text with hexadecimal color #311616

This text has a font color of #311616.

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

#311616 background color

This paragraph has a background color of #311616.

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

#311616 border color

This element has a border color of #311616.

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

CSS codes

.text {color:#311616;}

.background {background-color:#311616;}

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

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

#080404
```
#080404 rgb(8,4,4)
```
#160a0a
```
#160a0a rgb(22,10,10)
```
#231010
```
#231010 rgb(35,16,16)
```
#311616
```
#311616 rgb(49,22,22)
```
#3f1c1c
```
#3f1c1c rgb(63,28,28)
```
#4c2222
```
#4c2222 rgb(76,34,34)
```
#5a2828
```
#5a2828 rgb(90,40,40)
```
#672e2e
```
#672e2e rgb(103,46,46)
```
#753434
```
#753434 rgb(117,52,52)
```
#823a3a
```
#823a3a rgb(130,58,58)
```
#904141
```
#904141 rgb(144,65,65)
```
#9d4747
```
#9d4747 rgb(157,71,71)
```
#ab4d4d
```
#ab4d4d rgb(171,77,77)
```

Shade Color Variation

#b45757
```
#b45757 rgb(180,87,87)
```
#ba6565
```
#ba6565 rgb(186,101,101)
```
#c07272
```
#c07272 rgb(192,114,114)
```
#c68080
```
#c68080 rgb(198,128,128)
```
#cc8e8e
```
#cc8e8e rgb(204,142,142)
```
#d29b9b
```
#d29b9b rgb(210,155,155)
```
#d8a9a9
```
#d8a9a9 rgb(216,169,169)
```
#deb6b6
```
#deb6b6 rgb(222,182,182)
```
#e4c4c4
```
#e4c4c4 rgb(228,196,196)
```
#ead1d1
```
#ead1d1 rgb(234,209,209)
```
#f1dfdf
```
#f1dfdf rgb(241,223,223)
```
#f7ecec
```
#f7ecec rgb(247,236,236)
```
#fdfafa
```
#fdfafa rgb(253,250,250)
```

Tint Color Variation

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

#262121
```
#262121 rgb(38,33,33)
```
#291e1e
```
#291e1e rgb(41,30,30)
```
#2c1b1b
```
#2c1b1b rgb(44,27,27)
```
#2e1919
```
#2e1919 rgb(46,25,25)
```
#311616
```
#311616 rgb(49,22,22)
```
#341313
```
#341313 rgb(52,19,19)
```
#361111
```
#361111 rgb(54,17,17)
```
#390e0e
```
#390e0e rgb(57,14,14)
```
#3c0b0b
```
#3c0b0b rgb(60,11,11)
```
#3f0808
```
#3f0808 rgb(63,8,8)
```
#410606
```
#410606 rgb(65,6,6)
```
#440303
```
#440303 rgb(68,3,3)
```
#470000
```
#470000 rgb(71,0,0)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#221c1c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b2925 Protanopia 1% of men
#302720 Deuteranopia 1% of men
#3b2124 Tritanopia 0.001% of the population

Trichromacy

#2d221f Protanomaly 1% of men, 0.01% of women
#30211c Deuteranomaly 6% of men, 0.4% of women
#371d1e Tritanomaly 0.01% of the population

#311616 hex color

#311616 Color Information

#311616 Color Conversion

Color Schemes with #311616

Alternatives to #311616

#311616 Preview

Shades and Tints of #311616

Tones of #311616

Color Blindness Simulator