#311414 hex color

In a RGB color space, hex #311414 is composed of 19.2% red, 7.8% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.2% magenta, 59.2% yellow and 80.8% black. It has a hue angle of 0 degrees, a saturation of 42% and a lightness of 13.5%. #311414 color hex could be obtained by blending #622828 with #000000. Closest websafe color is: #330000.

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

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

The hexadecimal color #311414 has RGB values of R:49, G:20, B:20 and CMYK values of C:0, M:0.59, Y:0.59, K:0.81. Its decimal value is 3216404.

Hex triplet	311414	`#311414`
RGB Decimal	49, 20, 20	`rgb(49,20,20)`
RGB Percent	19.2, 7.8, 7.8	`rgb(19.2%,7.8%,7.8%)`
CMYK	0, 59, 59, 81
HSL	0°, 42, 13.5	`hsl(0,42%,13.5%)`
HSV (or HSB)	0°, 59.2, 19.2
Web Safe	330000	`#330000`

CIE-LAB	10.586, 14.688, 6.7
XYZ	1.643, 1.204, 0.808
xyY	0.45, 0.329, 1.204
CIE-LCH	10.586, 16.144, 24.522
CIE-LUV	10.586, 13.654, 2.945
Hunter-Lab	10.972, 7.528, 3.317
Binary	00110001, 00010100, 00010100

#311414
```
#311414 rgb(49,20,20)
```
#143131
```
#143131 rgb(20,49,49)
```

Complementary Color

#311423
```
#311423 rgb(49,20,35)
```
#311414
```
#311414 rgb(49,20,20)
```
#312314
```
#312314 rgb(49,35,20)
```

Analogous Color

#142331
```
#142331 rgb(20,35,49)
```
#311414
```
#311414 rgb(49,20,20)
```
#143123
```
#143123 rgb(20,49,35)
```

Split Complementary Color

#141431
```
#141431 rgb(20,20,49)
```
#311414
```
#311414 rgb(49,20,20)
```
#143114
```
#143114 rgb(20,49,20)
```

Triadic Color

#311431
```
#311431 rgb(49,20,49)
```
#311414
```
#311414 rgb(49,20,20)
```
#143114
```
#143114 rgb(20,49,20)
```
#143131
```
#143131 rgb(20,49,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0d0505
```
#0d0505 rgb(13,5,5)
```
#1f0d0d
```
#1f0d0d rgb(31,13,13)
```
#311414
```
#311414 rgb(49,20,20)
```
#431b1b
```
#431b1b rgb(67,27,27)
```
#552323
```
#552323 rgb(85,35,35)
```
#672a2a
```
#672a2a rgb(103,42,42)
```

Monochromatic Color

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

#31141b
```
#31141b rgb(49,20,27)
```
#311419
```
#311419 rgb(49,20,25)
```
#311416
```
#311416 rgb(49,20,22)
```
#311414
```
#311414 rgb(49,20,20)
```
#311614
```
#311614 rgb(49,22,20)
```
#311914
```
#311914 rgb(49,25,20)
```
#311b14
```
#311b14 rgb(49,27,20)
```

Similar Colors

Text with hexadecimal color #311414

This text has a font color of #311414.

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

#311414 background color

This paragraph has a background color of #311414.

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

#311414 border color

This element has a border color of #311414.

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

CSS codes

.text {color:#311414;}

.background {background-color:#311414;}

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

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

#070303
```
#070303 rgb(7,3,3)
```
#150909
```
#150909 rgb(21,9,9)
```
#230e0e
```
#230e0e rgb(35,14,14)
```
#311414
```
#311414 rgb(49,20,20)
```
#3f1a1a
```
#3f1a1a rgb(63,26,26)
```
#4d1f1f
```
#4d1f1f rgb(77,31,31)
```
#5b2525
```
#5b2525 rgb(91,37,37)
```
#692b2b
```
#692b2b rgb(105,43,43)
```
#773030
```
#773030 rgb(119,48,48)
```
#853636
```
#853636 rgb(133,54,54)
```
#933c3c
```
#933c3c rgb(147,60,60)
```
#a04141
```
#a04141 rgb(160,65,65)
```
#ae4747
```
#ae4747 rgb(174,71,71)
```

Shade Color Variation

#b85151
```
#b85151 rgb(184,81,81)
```
#be5f5f
```
#be5f5f rgb(190,95,95)
```
#c36d6d
```
#c36d6d rgb(195,109,109)
```
#c97b7b
```
#c97b7b rgb(201,123,123)
```
#cf8989
```
#cf8989 rgb(207,137,137)
```
#d49797
```
#d49797 rgb(212,151,151)
```
#daa5a5
```
#daa5a5 rgb(218,165,165)
```
#e0b3b3
```
#e0b3b3 rgb(224,179,179)
```
#e6c1c1
```
#e6c1c1 rgb(230,193,193)
```
#ebcece
```
#ebcece rgb(235,206,206)
```
#f1dcdc
```
#f1dcdc rgb(241,220,220)
```
#f7eaea
```
#f7eaea rgb(247,234,234)
```
#fcf8f8
```
#fcf8f8 rgb(252,248,248)
```

Tint Color Variation

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

#242121
```
#242121 rgb(36,33,33)
```
#261f1f
```
#261f1f rgb(38,31,31)
```
#291c1c
```
#291c1c rgb(41,28,28)
```
#2c1919
```
#2c1919 rgb(44,25,25)
```
#2e1717
```
#2e1717 rgb(46,23,23)
```
#311414
```
#311414 rgb(49,20,20)
```
#341111
```
#341111 rgb(52,17,17)
```
#360f0f
```
#360f0f rgb(54,15,15)
```
#390c0c
```
#390c0c rgb(57,12,12)
```
#3c0909
```
#3c0909 rgb(60,9,9)
```
#3e0707
```
#3e0707 rgb(62,7,7)
```
#410404
```
#410404 rgb(65,4,4)
```
#440101
```
#440101 rgb(68,1,1)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#211b1b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2a2823 Protanopia 1% of men
#2f261e Deuteranopia 1% of men
#3b1f22 Tritanopia 0.001% of the population

Trichromacy

#2c201e Protanomaly 1% of men, 0.01% of women
#30201a Deuteranomaly 6% of men, 0.4% of women
#371b1c Tritanomaly 0.01% of the population

#311414 hex color

#311414 Color Information

#311414 Color Conversion

Color Schemes with #311414

Alternatives to #311414

#311414 Preview

Shades and Tints of #311414

Tones of #311414

Color Blindness Simulator