#310c0c hex color

In a RGB color space, hex #310c0c is composed of 19.2% red, 4.7% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.5% magenta, 75.5% yellow and 80.8% black. It has a hue angle of 0 degrees, a saturation of 60.7% and a lightness of 12%. #310c0c color hex could be obtained by blending #621818 with #000000. Closest websafe color is: #330000.

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

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

The hexadecimal color #310c0c has RGB values of R:49, G:12, B:12 and CMYK values of C:0, M:0.76, Y:0.76, K:0.81. Its decimal value is 3214348.

Hex triplet	310c0c	`#310c0c`
RGB Decimal	49, 12, 12	`rgb(49,12,12)`
RGB Percent	19.2, 4.7, 4.7	`rgb(19.2%,4.7%,4.7%)`
CMYK	0, 76, 76, 81
HSL	0°, 60.7, 12	`hsl(0,60.7%,12%)`
HSV (or HSB)	0°, 75.5, 19.2
Web Safe	330000	`#330000`

CIE-LAB	8.504, 18.799, 8.188
XYZ	1.465, 0.943, 0.453
xyY	0.512, 0.33, 0.943
CIE-LCH	8.504, 20.505, 23.535
CIE-LUV	8.504, 16.31, 3.518
Hunter-Lab	9.709, 9.935, 4.032
Binary	00110001, 00001100, 00001100

#310c0c
```
#310c0c rgb(49,12,12)
```
#0c3131
```
#0c3131 rgb(12,49,49)
```

Complementary Color

#310c1f
```
#310c1f rgb(49,12,31)
```
#310c0c
```
#310c0c rgb(49,12,12)
```
#311f0c
```
#311f0c rgb(49,31,12)
```

Analogous Color

#0c1f31
```
#0c1f31 rgb(12,31,49)
```
#310c0c
```
#310c0c rgb(49,12,12)
```
#0c311f
```
#0c311f rgb(12,49,31)
```

Split Complementary Color

#0c0c31
```
#0c0c31 rgb(12,12,49)
```
#310c0c
```
#310c0c rgb(49,12,12)
```
#0c310c
```
#0c310c rgb(12,49,12)
```

Triadic Color

#310c31
```
#310c31 rgb(49,12,49)
```
#310c0c
```
#310c0c rgb(49,12,12)
```
#0c310c
```
#0c310c rgb(12,49,12)
```
#0c3131
```
#0c3131 rgb(12,49,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#080202
```
#080202 rgb(8,2,2)
```
#1d0707
```
#1d0707 rgb(29,7,7)
```
#310c0c
```
#310c0c rgb(49,12,12)
```
#451111
```
#451111 rgb(69,17,17)
```
#5a1616
```
#5a1616 rgb(90,22,22)
```
#6e1b1b
```
#6e1b1b rgb(110,27,27)
```

Monochromatic Color

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

#310c15
```
#310c15 rgb(49,12,21)
```
#310c12
```
#310c12 rgb(49,12,18)
```
#310c0f
```
#310c0f rgb(49,12,15)
```
#310c0c
```
#310c0c rgb(49,12,12)
```
#310f0c
```
#310f0c rgb(49,15,12)
```
#31120c
```
#31120c rgb(49,18,12)
```
#31150c
```
#31150c rgb(49,21,12)
```

Similar Colors

Text with hexadecimal color #310c0c

This text has a font color of #310c0c.

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

#310c0c background color

This paragraph has a background color of #310c0c.

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

#310c0c border color

This element has a border color of #310c0c.

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

CSS codes

.text {color:#310c0c;}

.background {background-color:#310c0c;}

.border {border:1px solid #310c0c;}

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

#020000
```
#020000 rgb(2,0,0)
```
#110404
```
#110404 rgb(17,4,4)
```
#210808
```
#210808 rgb(33,8,8)
```
#310c0c
```
#310c0c rgb(49,12,12)
```
#411010
```
#411010 rgb(65,16,16)
```
#511414
```
#511414 rgb(81,20,20)
```
#601818
```
#601818 rgb(96,24,24)
```
#701b1b
```
#701b1b rgb(112,27,27)
```
#801f1f
```
#801f1f rgb(128,31,31)
```
#902323
```
#902323 rgb(144,35,35)
```
#9f2727
```
#9f2727 rgb(159,39,39)
```
#af2b2b
```
#af2b2b rgb(175,43,43)
```
#bf2f2f
```
#bf2f2f rgb(191,47,47)
```

Shade Color Variation

#cd3434
```
#cd3434 rgb(205,52,52)
```
#d14444
```
#d14444 rgb(209,68,68)
```
#d55353
```
#d55353 rgb(213,83,83)
```
#d96363
```
#d96363 rgb(217,99,99)
```
#dd7373
```
#dd7373 rgb(221,115,115)
```
#e18383
```
#e18383 rgb(225,131,131)
```
#e49292
```
#e49292 rgb(228,146,146)
```
#e8a2a2
```
#e8a2a2 rgb(232,162,162)
```
#ecb2b2
```
#ecb2b2 rgb(236,178,178)
```
#f0c2c2
```
#f0c2c2 rgb(240,194,194)
```
#f4d1d1
```
#f4d1d1 rgb(244,209,209)
```
#f8e1e1
```
#f8e1e1 rgb(248,225,225)
```
#fcf1f1
```
#fcf1f1 rgb(252,241,241)
```

Tint Color Variation

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

#211c1c
```
#211c1c rgb(33,28,28)
```
#231a1a
```
#231a1a rgb(35,26,26)
```
#251818
```
#251818 rgb(37,24,24)
```
#281515
```
#281515 rgb(40,21,21)
```
#2a1313
```
#2a1313 rgb(42,19,19)
```
#2c1111
```
#2c1111 rgb(44,17,17)
```
#2f0e0e
```
#2f0e0e rgb(47,14,14)
```
#310c0c
```
#310c0c rgb(49,12,12)
```
#330a0a
```
#330a0a rgb(51,10,10)
```
#360707
```
#360707 rgb(54,7,7)
```
#380505
```
#380505 rgb(56,5,5)
```
#3a0303
```
#3a0303 rgb(58,3,3)
```
#3d0000
```
#3d0000 rgb(61,0,0)
```

Tone Color Variation

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

#171717 Achromatopsia 0.005% of the population
#1c1515 Atypical Achromatopsia 0.001% of the population

Dichromacy

#26241d Protanopia 1% of men
#2c2216 Deuteranopia 1% of men
#3b1819 Tritanopia 0.001% of the population

Trichromacy

#2a1b16 Protanomaly 1% of men, 0.01% of women
#2d1a12 Deuteranomaly 6% of men, 0.4% of women
#371314 Tritanomaly 0.01% of the population

#310c0c hex color

#310c0c Color Information

#310c0c Color Conversion

Color Schemes with #310c0c

Alternatives to #310c0c

#310c0c Preview

Shades and Tints of #310c0c

Tones of #310c0c

Color Blindness Simulator