#310f0f hex color

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

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

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

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

Hex triplet	310f0f	`#310f0f`
RGB Decimal	49, 15, 15	`rgb(49,15,15)`
RGB Percent	19.2, 5.9, 5.9	`rgb(19.2%,5.9%,5.9%)`
CMYK	0, 69, 69, 81
HSL	0°, 53.1, 12.5	`hsl(0,53.1%,12.5%)`
HSV (or HSB)	0°, 69.4, 19.2
Web Safe	330000	`#330000`

CIE-LAB	9.233, 17.312, 7.761
XYZ	1.524, 1.029, 0.57
xyY	0.488, 0.33, 1.029
CIE-LCH	9.233, 18.972, 24.146
CIE-LUV	9.233, 15.43, 3.328
Hunter-Lab	10.145, 9.055, 3.769
Binary	00110001, 00001111, 00001111

#310f0f
```
#310f0f rgb(49,15,15)
```
#0f3131
```
#0f3131 rgb(15,49,49)
```

Complementary Color

#310f20
```
#310f20 rgb(49,15,32)
```
#310f0f
```
#310f0f rgb(49,15,15)
```
#31200f
```
#31200f rgb(49,32,15)
```

Analogous Color

#0f2031
```
#0f2031 rgb(15,32,49)
```
#310f0f
```
#310f0f rgb(49,15,15)
```
#0f3120
```
#0f3120 rgb(15,49,32)
```

Split Complementary Color

#0f0f31
```
#0f0f31 rgb(15,15,49)
```
#310f0f
```
#310f0f rgb(49,15,15)
```
#0f310f
```
#0f310f rgb(15,49,15)
```

Triadic Color

#310f31
```
#310f31 rgb(49,15,49)
```
#310f0f
```
#310f0f rgb(49,15,15)
```
#0f310f
```
#0f310f rgb(15,49,15)
```
#0f3131
```
#0f3131 rgb(15,49,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0a0303
```
#0a0303 rgb(10,3,3)
```
#1d0909
```
#1d0909 rgb(29,9,9)
```
#310f0f
```
#310f0f rgb(49,15,15)
```
#451515
```
#451515 rgb(69,21,21)
```
#581b1b
```
#581b1b rgb(88,27,27)
```
#6c2121
```
#6c2121 rgb(108,33,33)
```

Monochromatic Color

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

#310f18
```
#310f18 rgb(49,15,24)
```
#310f15
```
#310f15 rgb(49,15,21)
```
#310f12
```
#310f12 rgb(49,15,18)
```
#310f0f
```
#310f0f rgb(49,15,15)
```
#31120f
```
#31120f rgb(49,18,15)
```
#31150f
```
#31150f rgb(49,21,15)
```
#31180f
```
#31180f rgb(49,24,15)
```

Similar Colors

Text with hexadecimal color #310f0f

This text has a font color of #310f0f.

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

#310f0f background color

This paragraph has a background color of #310f0f.

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

#310f0f border color

This element has a border color of #310f0f.

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

CSS codes

.text {color:#310f0f;}

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

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

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

#040101
```
#040101 rgb(4,1,1)
```
#130606
```
#130606 rgb(19,6,6)
```
#220a0a
```
#220a0a rgb(34,10,10)
```
#310f0f
```
#310f0f rgb(49,15,15)
```
#401414
```
#401414 rgb(64,20,20)
```
#4f1818
```
#4f1818 rgb(79,24,24)
```
#5e1d1d
```
#5e1d1d rgb(94,29,29)
```
#6d2121
```
#6d2121 rgb(109,33,33)
```
#7c2626
```
#7c2626 rgb(124,38,38)
```
#8b2b2b
```
#8b2b2b rgb(139,43,43)
```
#9a2f2f
```
#9a2f2f rgb(154,47,47)
```
#a93434
```
#a93434 rgb(169,52,52)
```
#b83838
```
#b83838 rgb(184,56,56)
```

Shade Color Variation

#c44040
```
#c44040 rgb(196,64,64)
```
#c94f4f
```
#c94f4f rgb(201,79,79)
```
#ce5e5e
```
#ce5e5e rgb(206,94,94)
```
#d26d6d
```
#d26d6d rgb(210,109,109)
```
#d77c7c
```
#d77c7c rgb(215,124,124)
```
#db8b8b
```
#db8b8b rgb(219,139,139)
```
#e09a9a
```
#e09a9a rgb(224,154,154)
```
#e5a9a9
```
#e5a9a9 rgb(229,169,169)
```
#e9b8b8
```
#e9b8b8 rgb(233,184,184)
```
#eec7c7
```
#eec7c7 rgb(238,199,199)
```
#f2d6d6
```
#f2d6d6 rgb(242,214,214)
```
#f7e5e5
```
#f7e5e5 rgb(247,229,229)
```
#fcf4f4
```
#fcf4f4 rgb(252,244,244)
```

Tint Color Variation

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

#221e1e
```
#221e1e rgb(34,30,30)
```
#251b1b
```
#251b1b rgb(37,27,27)
```
#271919
```
#271919 rgb(39,25,25)
```
#2a1616
```
#2a1616 rgb(42,22,22)
```
#2c1414
```
#2c1414 rgb(44,20,20)
```
#2f1111
```
#2f1111 rgb(47,17,17)
```
#310f0f
```
#310f0f rgb(49,15,15)
```
#330d0d
```
#330d0d rgb(51,13,13)
```
#360a0a
```
#360a0a rgb(54,10,10)
```
#380808
```
#380808 rgb(56,8,8)
```
#3b0505
```
#3b0505 rgb(59,5,5)
```
#3d0303
```
#3d0303 rgb(61,3,3)
```
#400000
```
#400000 rgb(64,0,0)
```

Tone Color Variation

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

#27251f Protanopia 1% of men
#2d2419 Deuteranopia 1% of men
#3b1b1c Tritanopia 0.001% of the population

Trichromacy

#2b1d19 Protanomaly 1% of men, 0.01% of women
#2e1c15 Deuteranomaly 6% of men, 0.4% of women
#371617 Tritanomaly 0.01% of the population

#310f0f hex color

#310f0f Color Information

#310f0f Color Conversion

Color Schemes with #310f0f

Alternatives to #310f0f

#310f0f Preview

Shades and Tints of #310f0f

Tones of #310f0f

Color Blindness Simulator