#310f0c hex color

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

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

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

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

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

CIE-LAB	9.168, 17.042, 9.145
XYZ	1.504, 1.021, 0.466
xyY	0.503, 0.341, 1.021
CIE-LCH	9.168, 19.341, 28.217
CIE-LUV	9.168, 15.768, 4.306
Hunter-Lab	10.106, 8.877, 4.342
Binary	00110001, 00001111, 00001100

#310f0c
```
#310f0c rgb(49,15,12)
```
#0c2e31
```
#0c2e31 rgb(12,46,49)
```

Complementary Color

#310c1c
```
#310c1c rgb(49,12,28)
```
#310f0c
```
#310f0c rgb(49,15,12)
```
#31220c
```
#31220c rgb(49,34,12)
```

Analogous Color

#0c1c31
```
#0c1c31 rgb(12,28,49)
```
#310f0c
```
#310f0c rgb(49,15,12)
```
#0c3122
```
#0c3122 rgb(12,49,34)
```

Split Complementary Color

#0f0c31
```
#0f0c31 rgb(15,12,49)
```
#310f0c
```
#310f0c rgb(49,15,12)
```
#0c310f
```
#0c310f rgb(12,49,15)
```

Triadic Color

#310c2e
```
#310c2e rgb(49,12,46)
```
#310f0c
```
#310f0c rgb(49,15,12)
```
#0c310f
```
#0c310f rgb(12,49,15)
```
#0c2e31
```
#0c2e31 rgb(12,46,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#080202
```
#080202 rgb(8,2,2)
```
#1d0907
```
#1d0907 rgb(29,9,7)
```
#310f0c
```
#310f0c rgb(49,15,12)
```
#451511
```
#451511 rgb(69,21,17)
```
#5a1c16
```
#5a1c16 rgb(90,28,22)
```
#6e221b
```
#6e221b rgb(110,34,27)
```

Monochromatic Color

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

#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)
```
#31180c
```
#31180c rgb(49,24,12)
```

Similar Colors

Text with hexadecimal color #310f0c

This text has a font color of #310f0c.

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

#310f0c background color

This paragraph has a background color of #310f0c.

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

#310f0c border color

This element has a border color of #310f0c.

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

CSS codes

.text {color:#310f0c;}

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

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110504
```
#110504 rgb(17,5,4)
```
#210a08
```
#210a08 rgb(33,10,8)
```
#310f0c
```
#310f0c rgb(49,15,12)
```
#411410
```
#411410 rgb(65,20,16)
```
#511914
```
#511914 rgb(81,25,20)
```
#601d18
```
#601d18 rgb(96,29,24)
```
#70221b
```
#70221b rgb(112,34,27)
```
#80271f
```
#80271f rgb(128,39,31)
```
#902c23
```
#902c23 rgb(144,44,35)
```
#9f3127
```
#9f3127 rgb(159,49,39)
```
#af362b
```
#af362b rgb(175,54,43)
```
#bf3a2f
```
#bf3a2f rgb(191,58,47)
```

Shade Color Variation

#cd4034
```
#cd4034 rgb(205,64,52)
```
#d14f44
```
#d14f44 rgb(209,79,68)
```
#d55e53
```
#d55e53 rgb(213,94,83)
```
#d96d63
```
#d96d63 rgb(217,109,99)
```
#dd7b73
```
#dd7b73 rgb(221,123,115)
```
#e18a83
```
#e18a83 rgb(225,138,131)
```
#e49992
```
#e49992 rgb(228,153,146)
```
#e8a8a2
```
#e8a8a2 rgb(232,168,162)
```
#ecb7b2
```
#ecb7b2 rgb(236,183,178)
```
#f0c5c2
```
#f0c5c2 rgb(240,197,194)
```
#f4d4d1
```
#f4d4d1 rgb(244,212,209)
```
#f8e3e1
```
#f8e3e1 rgb(248,227,225)
```
#fcf2f1
```
#fcf2f1 rgb(252,242,241)
```

Tint Color Variation

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

#211d1c
```
#211d1c rgb(33,29,28)
```
#231b1a
```
#231b1a rgb(35,27,26)
```
#251918
```
#251918 rgb(37,25,24)
```
#281715
```
#281715 rgb(40,23,21)
```
#2a1513
```
#2a1513 rgb(42,21,19)
```
#2c1311
```
#2c1311 rgb(44,19,17)
```
#2f110e
```
#2f110e rgb(47,17,14)
```
#310f0c
```
#310f0c rgb(49,15,12)
```
#330d0a
```
#330d0a rgb(51,13,10)
```
#360b07
```
#360b07 rgb(54,11,7)
```
#380905
```
#380905 rgb(56,9,5)
```
#3a0703
```
#3a0703 rgb(58,7,3)
```
#3d0500
```
#3d0500 rgb(61,5,0)
```

Tone Color Variation

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

#191919 Achromatopsia 0.005% of the population
#1e1716 Atypical Achromatopsia 0.001% of the population

Dichromacy

#28251c Protanopia 1% of men
#2d2416 Deuteranopia 1% of men
#3b1a1c Tritanopia 0.001% of the population

Trichromacy

#2b1d16 Protanomaly 1% of men, 0.01% of women
#2e1c12 Deuteranomaly 6% of men, 0.4% of women
#371616 Tritanomaly 0.01% of the population

#310f0c hex color

#310f0c Color Information

#310f0c Color Conversion

Color Schemes with #310f0c

Alternatives to #310f0c

#310f0c Preview

Shades and Tints of #310f0c

Tones of #310f0c

Color Blindness Simulator