#310f0d hex color

In a RGB color space, hex #310f0d is composed of 19.2% red, 5.9% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.4% magenta, 73.5% yellow and 80.8% black. It has a hue angle of 3.3 degrees, a saturation of 58.1% and a lightness of 12.2%. #310f0d color hex could be obtained by blending #621e1a with #000000. Closest websafe color is: #330000.

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

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

The hexadecimal color #310f0d has RGB values of R:49, G:15, B:13 and CMYK values of C:0, M:0.69, Y:0.73, K:0.81. Its decimal value is 3215117.

Hex triplet	310f0d	`#310f0d`
RGB Decimal	49, 15, 13	`rgb(49,15,13)`
RGB Percent	19.2, 5.9, 5.1	`rgb(19.2%,5.9%,5.1%)`
CMYK	0, 69, 73, 81
HSL	3.3°, 58.1, 12.2	`hsl(3.3,58.1%,12.2%)`
HSV (or HSB)	3.3°, 73.5, 19.2
Web Safe	330000	`#330000`

CIE-LAB	9.188, 17.128, 8.707
XYZ	1.51, 1.024, 0.499
xyY	0.498, 0.338, 1.024
CIE-LCH	9.188, 19.214, 26.946
CIE-LUV	9.188, 15.659, 3.993
Hunter-Lab	10.118, 8.933, 4.16
Binary	00110001, 00001111, 00001101

#310f0d
```
#310f0d rgb(49,15,13)
```
#0d2f31
```
#0d2f31 rgb(13,47,49)
```

Complementary Color

#310d1d
```
#310d1d rgb(49,13,29)
```
#310f0d
```
#310f0d rgb(49,15,13)
```
#31210d
```
#31210d rgb(49,33,13)
```

Analogous Color

#0d1d31
```
#0d1d31 rgb(13,29,49)
```
#310f0d
```
#310f0d rgb(49,15,13)
```
#0d3121
```
#0d3121 rgb(13,49,33)
```

Split Complementary Color

#0f0d31
```
#0f0d31 rgb(15,13,49)
```
#310f0d
```
#310f0d rgb(49,15,13)
```
#0d310f
```
#0d310f rgb(13,49,15)
```

Triadic Color

#310d2f
```
#310d2f rgb(49,13,47)
```
#310f0d
```
#310f0d rgb(49,15,13)
```
#0d310f
```
#0d310f rgb(13,49,15)
```
#0d2f31
```
#0d2f31 rgb(13,47,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#090302
```
#090302 rgb(9,3,2)
```
#1d0908
```
#1d0908 rgb(29,9,8)
```
#310f0d
```
#310f0d rgb(49,15,13)
```
#451512
```
#451512 rgb(69,21,18)
```
#591b18
```
#591b18 rgb(89,27,24)
```
#6d221d
```
#6d221d rgb(109,34,29)
```

Monochromatic Color

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

#310d14
```
#310d14 rgb(49,13,20)
```
#310d11
```
#310d11 rgb(49,13,17)
```
#310d0e
```
#310d0e rgb(49,13,14)
```
#310f0d
```
#310f0d rgb(49,15,13)
```
#31120d
```
#31120d rgb(49,18,13)
```
#31150d
```
#31150d rgb(49,21,13)
```
#31180d
```
#31180d rgb(49,24,13)
```

Similar Colors

Text with hexadecimal color #310f0d

This text has a font color of #310f0d.

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

#310f0d background color

This paragraph has a background color of #310f0d.

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

#310f0d border color

This element has a border color of #310f0d.

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

CSS codes

.text {color:#310f0d;}

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

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120605
```
#120605 rgb(18,6,5)
```
#210a09
```
#210a09 rgb(33,10,9)
```
#310f0d
```
#310f0d rgb(49,15,13)
```
#411411
```
#411411 rgb(65,20,17)
```
#501815
```
#501815 rgb(80,24,21)
```
#601d19
```
#601d19 rgb(96,29,25)
```
#6f221d
```
#6f221d rgb(111,34,29)
```
#7f2722
```
#7f2722 rgb(127,39,34)
```
#8e2b26
```
#8e2b26 rgb(142,43,38)
```
#9e302a
```
#9e302a rgb(158,48,42)
```
#ad352e
```
#ad352e rgb(173,53,46)
```
#bd3a32
```
#bd3a32 rgb(189,58,50)
```

Shade Color Variation

#ca4038
```
#ca4038 rgb(202,64,56)
```
#ce4f47
```
#ce4f47 rgb(206,79,71)
```
#d25e57
```
#d25e57 rgb(210,94,87)
```
#d76d66
```
#d76d66 rgb(215,109,102)
```
#db7c76
```
#db7c76 rgb(219,124,118)
```
#df8a85
```
#df8a85 rgb(223,138,133)
```
#e39995
```
#e39995 rgb(227,153,149)
```
#e7a8a4
```
#e7a8a4 rgb(231,168,164)
```
#ebb7b4
```
#ebb7b4 rgb(235,183,180)
```
#efc6c3
```
#efc6c3 rgb(239,198,195)
```
#f3d5d3
```
#f3d5d3 rgb(243,213,211)
```
#f7e4e2
```
#f7e4e2 rgb(247,228,226)
```
#fcf3f2
```
#fcf3f2 rgb(252,243,242)
```

Tint Color Variation

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

#201e1e
```
#201e1e rgb(32,30,30)
```
#231c1b
```
#231c1b rgb(35,28,27)
```
#251a19
```
#251a19 rgb(37,26,25)
```
#271717
```
#271717 rgb(39,23,23)
```
#2a1514
```
#2a1514 rgb(42,21,20)
```
#2c1312
```
#2c1312 rgb(44,19,18)
```
#2f110f
```
#2f110f rgb(47,17,15)
```
#310f0d
```
#310f0d rgb(49,15,13)
```
#330d0b
```
#330d0b rgb(51,13,11)
```
#360b08
```
#360b08 rgb(54,11,8)
```
#380906
```
#380906 rgb(56,9,6)
```
#3b0703
```
#3b0703 rgb(59,7,3)
```
#3d0401
```
#3d0401 rgb(61,4,1)
```

Tone Color Variation

Below, you can see how #310f0d 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
#1e1717 Atypical Achromatopsia 0.001% of the population

Dichromacy

#28251d Protanopia 1% of men
#2d2417 Deuteranopia 1% of men
#3b1b1c Tritanopia 0.001% of the population

Trichromacy

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

#310f0d hex color

#310f0d Color Information

#310f0d Color Conversion

Color Schemes with #310f0d

Alternatives to #310f0d

#310f0d Preview

Shades and Tints of #310f0d

Tones of #310f0d

Color Blindness Simulator