#310c12 hex color

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

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

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

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

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

CIE-LAB	8.651, 19.364, 5.217
XYZ	1.507, 0.96, 0.678
xyY	0.479, 0.305, 0.96
CIE-LCH	8.651, 20.055, 15.078
CIE-LUV	8.651, 15.553, 1.484
Hunter-Lab	9.797, 10.32, 2.754
Binary	00110001, 00001100, 00010010

#310c12
```
#310c12 rgb(49,12,18)
```
#0c312b
```
#0c312b rgb(12,49,43)
```

Complementary Color

#310c25
```
#310c25 rgb(49,12,37)
```
#310c12
```
#310c12 rgb(49,12,18)
```
#31190c
```
#31190c rgb(49,25,12)
```

Analogous Color

#0c2531
```
#0c2531 rgb(12,37,49)
```
#310c12
```
#310c12 rgb(49,12,18)
```
#0c3119
```
#0c3119 rgb(12,49,25)
```

Split Complementary Color

#0c1231
```
#0c1231 rgb(12,18,49)
```
#310c12
```
#310c12 rgb(49,12,18)
```
#12310c
```
#12310c rgb(18,49,12)
```

Triadic Color

#2b0c31
```
#2b0c31 rgb(43,12,49)
```
#310c12
```
#310c12 rgb(49,12,18)
```
#12310c
```
#12310c rgb(18,49,12)
```
#0c312b
```
#0c312b rgb(12,49,43)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#080203
```
#080203 rgb(8,2,3)
```
#1d070a
```
#1d070a rgb(29,7,10)
```
#310c12
```
#310c12 rgb(49,12,18)
```
#45111a
```
#45111a rgb(69,17,26)
```
#5a1621
```
#5a1621 rgb(90,22,33)
```
#6e1b29
```
#6e1b29 rgb(110,27,41)
```

Monochromatic Color

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

#310c1b
```
#310c1b rgb(49,12,27)
```
#310c18
```
#310c18 rgb(49,12,24)
```
#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)
```

Similar Colors

Text with hexadecimal color #310c12

This text has a font color of #310c12.

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

#310c12 background color

This paragraph has a background color of #310c12.

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

#310c12 border color

This element has a border color of #310c12.

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

CSS codes

.text {color:#310c12;}

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

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

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

#020001
```
#020001 rgb(2,0,1)
```
#110406
```
#110406 rgb(17,4,6)
```
#21080c
```
#21080c rgb(33,8,12)
```
#310c12
```
#310c12 rgb(49,12,18)
```
#411018
```
#411018 rgb(65,16,24)
```
#51141e
```
#51141e rgb(81,20,30)
```
#601823
```
#601823 rgb(96,24,35)
```
#701b29
```
#701b29 rgb(112,27,41)
```
#801f2f
```
#801f2f rgb(128,31,47)
```
#902335
```
#902335 rgb(144,35,53)
```
#9f273b
```
#9f273b rgb(159,39,59)
```
#af2b40
```
#af2b40 rgb(175,43,64)
```
#bf2f46
```
#bf2f46 rgb(191,47,70)
```

Shade Color Variation

#cd344d
```
#cd344d rgb(205,52,77)
```
#d1445b
```
#d1445b rgb(209,68,91)
```
#d55368
```
#d55368 rgb(213,83,104)
```
#d96376
```
#d96376 rgb(217,99,118)
```
#dd7384
```
#dd7384 rgb(221,115,132)
```
#e18392
```
#e18392 rgb(225,131,146)
```
#e492a0
```
#e492a0 rgb(228,146,160)
```
#e8a2ae
```
#e8a2ae rgb(232,162,174)
```
#ecb2bb
```
#ecb2bb rgb(236,178,187)
```
#f0c2c9
```
#f0c2c9 rgb(240,194,201)
```
#f4d1d7
```
#f4d1d7 rgb(244,209,215)
```
#f8e1e5
```
#f8e1e5 rgb(248,225,229)
```
#fcf1f3
```
#fcf1f3 rgb(252,241,243)
```

Tint Color Variation

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

#211c1d
```
#211c1d rgb(33,28,29)
```
#231a1c
```
#231a1c rgb(35,26,28)
```
#25181a
```
#25181a rgb(37,24,26)
```
#281518
```
#281518 rgb(40,21,24)
```
#2a1317
```
#2a1317 rgb(42,19,23)
```
#2c1115
```
#2c1115 rgb(44,17,21)
```
#2f0e14
```
#2f0e14 rgb(47,14,20)
```
#310c12
```
#310c12 rgb(49,12,18)
```
#330a10
```
#330a10 rgb(51,10,16)
```
#36070f
```
#36070f rgb(54,7,15)
```
#38050d
```
#38050d rgb(56,5,13)
```
#3a030c
```
#3a030c rgb(58,3,12)
```
#3d000a
```
#3d000a rgb(61,0,10)
```

Tone Color Variation

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

#181818 Achromatopsia 0.005% of the population
#1d1617 Atypical Achromatopsia 0.001% of the population

Dichromacy

#252423 Protanopia 1% of men
#2b231c Deuteranopia 1% of men
#3b191a Tritanopia 0.001% of the population

Trichromacy

#291b1d Protanomaly 1% of men, 0.01% of women
#2d1a18 Deuteranomaly 6% of men, 0.4% of women
#371417 Tritanomaly 0.01% of the population

#310c12 hex color

#310c12 Color Information

#310c12 Color Conversion

Color Schemes with #310c12

Alternatives to #310c12

#310c12 Preview

Shades and Tints of #310c12

Tones of #310c12

Color Blindness Simulator