#311311 hex color

In a RGB color space, hex #311311 is composed of 19.2% red, 7.5% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.2% magenta, 65.3% yellow and 80.8% black. It has a hue angle of 3.7 degrees, a saturation of 48.5% and a lightness of 12.9%. #311311 color hex could be obtained by blending #622622 with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 19
- G 7
- B 7
RGB color chart
- C 0
- M 61
- Y 65
- K 81
CMYK color chart

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

The hexadecimal color #311311 has RGB values of R:49, G:19, B:17 and CMYK values of C:0, M:0.61, Y:0.65, K:0.81. Its decimal value is 3216145.

Hex triplet	311311	`#311311`
RGB Decimal	49, 19, 17	`rgb(49,19,17)`
RGB Percent	19.2, 7.5, 6.7	`rgb(19.2%,7.5%,6.7%)`
CMYK	0, 61, 65, 81
HSL	3.7°, 48.5, 12.9	`hsl(3.7,48.5%,12.9%)`
HSV (or HSB)	3.7°, 65.3, 19.2
Web Safe	330000	`#330000`

CIE-LAB	10.254, 15, 8.099
XYZ	1.601, 1.159, 0.67
xyY	0.467, 0.338, 1.159
CIE-LCH	10.254, 17.047, 28.367
CIE-LUV	10.254, 14.271, 3.802
Hunter-Lab	10.767, 7.694, 3.849
Binary	00110001, 00010011, 00010001

#311311
```
#311311 rgb(49,19,17)
```
#112f31
```
#112f31 rgb(17,47,49)
```

Complementary Color

#31111f
```
#31111f rgb(49,17,31)
```
#311311
```
#311311 rgb(49,19,17)
```
#312311
```
#312311 rgb(49,35,17)
```

Analogous Color

#111f31
```
#111f31 rgb(17,31,49)
```
#311311
```
#311311 rgb(49,19,17)
```
#113123
```
#113123 rgb(17,49,35)
```

Split Complementary Color

#131131
```
#131131 rgb(19,17,49)
```
#311311
```
#311311 rgb(49,19,17)
```
#113113
```
#113113 rgb(17,49,19)
```

Triadic Color

#31112f
```
#31112f rgb(49,17,47)
```
#311311
```
#311311 rgb(49,19,17)
```
#113113
```
#113113 rgb(17,49,19)
```
#112f31
```
#112f31 rgb(17,47,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0b0404
```
#0b0404 rgb(11,4,4)
```
#1e0c0a
```
#1e0c0a rgb(30,12,10)
```
#311311
```
#311311 rgb(49,19,17)
```
#441a18
```
#441a18 rgb(68,26,24)
```
#57221e
```
#57221e rgb(87,34,30)
```
#6a2925
```
#6a2925 rgb(106,41,37)
```

Monochromatic Color

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

#311117
```
#311117 rgb(49,17,23)
```
#311114
```
#311114 rgb(49,17,20)
```
#311112
```
#311112 rgb(49,17,18)
```
#311311
```
#311311 rgb(49,19,17)
```
#311611
```
#311611 rgb(49,22,17)
```
#311811
```
#311811 rgb(49,24,17)
```
#311b11
```
#311b11 rgb(49,27,17)
```

Similar Colors

Text with hexadecimal color #311311

This text has a font color of #311311.

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

#311311 background color

This paragraph has a background color of #311311.

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

#311311 border color

This element has a border color of #311311.

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

CSS codes

.text {color:#311311;}

.background {background-color:#311311;}

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

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

#050202
```
#050202 rgb(5,2,2)
```
#140807
```
#140807 rgb(20,8,7)
```
#220d0c
```
#220d0c rgb(34,13,12)
```
#311311
```
#311311 rgb(49,19,17)
```
#401916
```
#401916 rgb(64,25,22)
```
#4e1e1b
```
#4e1e1b rgb(78,30,27)
```
#5d2420
```
#5d2420 rgb(93,36,32)
```
#6b2a25
```
#6b2a25 rgb(107,42,37)
```
#7a2f2a
```
#7a2f2a rgb(122,47,42)
```
#88352f
```
#88352f rgb(136,53,47)
```
#973b34
```
#973b34 rgb(151,59,52)
```
#a64039
```
#a64039 rgb(166,64,57)
```
#b4463e
```
#b4463e rgb(180,70,62)
```

Shade Color Variation

#bf4f47
```
#bf4f47 rgb(191,79,71)
```
#c45c56
```
#c45c56 rgb(196,92,86)
```
#c96a64
```
#c96a64 rgb(201,106,100)
```
#ce7873
```
#ce7873 rgb(206,120,115)
```
#d38681
```
#d38681 rgb(211,134,129)
```
#d89490
```
#d89490 rgb(216,148,144)
```
#dda29e
```
#dda29e rgb(221,162,158)
```
#e3b0ad
```
#e3b0ad rgb(227,176,173)
```
#e8bebb
```
#e8bebb rgb(232,190,187)
```
#edccca
```
#edccca rgb(237,204,202)
```
#f2dad9
```
#f2dad9 rgb(242,218,217)
```
#f7e8e7
```
#f7e8e7 rgb(247,232,231)
```
#fcf6f6
```
#fcf6f6 rgb(252,246,246)
```

Tint Color Variation

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

#222020
```
#222020 rgb(34,32,32)
```
#241e1e
```
#241e1e rgb(36,30,30)
```
#271c1b
```
#271c1b rgb(39,28,27)
```
#291a19
```
#291a19 rgb(41,26,25)
```
#2c1716
```
#2c1716 rgb(44,23,22)
```
#2e1514
```
#2e1514 rgb(46,21,20)
```
#311311
```
#311311 rgb(49,19,17)
```
#34110e
```
#34110e rgb(52,17,14)
```
#360f0c
```
#360f0c rgb(54,15,12)
```
#390c09
```
#390c09 rgb(57,12,9)
```
#3b0a07
```
#3b0a07 rgb(59,10,7)
```
#3e0804
```
#3e0804 rgb(62,8,4)
```
#400602
```
#400602 rgb(64,6,2)
```

Tone Color Variation

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

#1c1c1c Achromatopsia 0.005% of the population
#201a1a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a2720 Protanopia 1% of men
#2f261b Deuteranopia 1% of men
#3b1e20 Tritanopia 0.001% of the population

Trichromacy

#2c201b Protanomaly 1% of men, 0.01% of women
#2f1f17 Deuteranomaly 6% of men, 0.4% of women
#371a1b Tritanomaly 0.01% of the population

#311311 hex color

#311311 Color Information

#311311 Color Conversion

Color Schemes with #311311

Alternatives to #311311

#311311 Preview

Shades and Tints of #311311

Tones of #311311

Color Blindness Simulator