#310f1f hex color

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

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

● #310f1f color description : Very dark (mostly black) pink.

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

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

CIE-LAB	9.749, 19.383, -2.667
XYZ	1.685, 1.094, 1.419
xyY	0.401, 0.261, 1.094
CIE-LCH	9.749, 19.565, 352.165
CIE-LUV	9.749, 13.148, -3.529
Hunter-Lab	10.458, 10.455, -0.722
Binary	00110001, 00001111, 00011111

#310f1f
```
#310f1f rgb(49,15,31)
```
#0f3121
```
#0f3121 rgb(15,49,33)
```

Complementary Color

#310f30
```
#310f30 rgb(49,15,48)
```
#310f1f
```
#310f1f rgb(49,15,31)
```
#31100f
```
#31100f rgb(49,16,15)
```

Analogous Color

#0f3031
```
#0f3031 rgb(15,48,49)
```
#310f1f
```
#310f1f rgb(49,15,31)
```
#0f3110
```
#0f3110 rgb(15,49,16)
```

Split Complementary Color

#0f1f31
```
#0f1f31 rgb(15,31,49)
```
#310f1f
```
#310f1f rgb(49,15,31)
```
#1f310f
```
#1f310f rgb(31,49,15)
```

Triadic Color

#210f31
```
#210f31 rgb(33,15,49)
```
#310f1f
```
#310f1f rgb(49,15,31)
```
#1f310f
```
#1f310f rgb(31,49,15)
```
#0f3121
```
#0f3121 rgb(15,49,33)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0a0306
```
#0a0306 rgb(10,3,6)
```
#1d0913
```
#1d0913 rgb(29,9,19)
```
#310f1f
```
#310f1f rgb(49,15,31)
```
#45152b
```
#45152b rgb(69,21,43)
```
#581b38
```
#581b38 rgb(88,27,56)
```
#6c2144
```
#6c2144 rgb(108,33,68)
```

Monochromatic Color

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

#310f28
```
#310f28 rgb(49,15,40)
```
#310f25
```
#310f25 rgb(49,15,37)
```
#310f22
```
#310f22 rgb(49,15,34)
```
#310f1f
```
#310f1f rgb(49,15,31)
```
#310f1c
```
#310f1c rgb(49,15,28)
```
#310f19
```
#310f19 rgb(49,15,25)
```
#310f17
```
#310f17 rgb(49,15,23)
```

Similar Colors

Text with hexadecimal color #310f1f

This text has a font color of #310f1f.

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

#310f1f background color

This paragraph has a background color of #310f1f.

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

#310f1f border color

This element has a border color of #310f1f.

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

CSS codes

.text {color:#310f1f;}

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

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

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

#040102
```
#040102 rgb(4,1,2)
```
#13060c
```
#13060c rgb(19,6,12)
```
#220a15
```
#220a15 rgb(34,10,21)
```
#310f1f
```
#310f1f rgb(49,15,31)
```
#401429
```
#401429 rgb(64,20,41)
```
#4f1832
```
#4f1832 rgb(79,24,50)
```
#5e1d3c
```
#5e1d3c rgb(94,29,60)
```
#6d2145
```
#6d2145 rgb(109,33,69)
```
#7c264f
```
#7c264f rgb(124,38,79)
```
#8b2b58
```
#8b2b58 rgb(139,43,88)
```
#9a2f62
```
#9a2f62 rgb(154,47,98)
```
#a9346b
```
#a9346b rgb(169,52,107)
```
#b83875
```
#b83875 rgb(184,56,117)
```

Shade Color Variation

#c4407e
```
#c4407e rgb(196,64,126)
```
#c94f88
```
#c94f88 rgb(201,79,136)
```
#ce5e92
```
#ce5e92 rgb(206,94,146)
```
#d26d9d
```
#d26d9d rgb(210,109,157)
```
#d77ca7
```
#d77ca7 rgb(215,124,167)
```
#db8bb1
```
#db8bb1 rgb(219,139,177)
```
#e09abb
```
#e09abb rgb(224,154,187)
```
#e5a9c5
```
#e5a9c5 rgb(229,169,197)
```
#e9b8cf
```
#e9b8cf rgb(233,184,207)
```
#eec7d9
```
#eec7d9 rgb(238,199,217)
```
#f2d6e3
```
#f2d6e3 rgb(242,214,227)
```
#f7e5ed
```
#f7e5ed rgb(247,229,237)
```
#fcf4f8
```
#fcf4f8 rgb(252,244,248)
```

Tint Color Variation

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

#221e20
```
#221e20 rgb(34,30,32)
```
#251b20
```
#251b20 rgb(37,27,32)
```
#271920
```
#271920 rgb(39,25,32)
```
#2a161f
```
#2a161f rgb(42,22,31)
```
#2c141f
```
#2c141f rgb(44,20,31)
```
#2f111f
```
#2f111f rgb(47,17,31)
```
#310f1f
```
#310f1f rgb(49,15,31)
```
#330d1f
```
#330d1f rgb(51,13,31)
```
#360a1f
```
#360a1f rgb(54,10,31)
```
#38081f
```
#38081f rgb(56,8,31)
```
#3b051e
```
#3b051e rgb(59,5,30)
```
#3d031e
```
#3d031e rgb(61,3,30)
```
#40001e
```
#40001e rgb(64,0,30)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#1f191c Atypical Achromatopsia 0.001% of the population

Dichromacy

#232631 Protanopia 1% of men
#292528 Deuteranopia 1% of men
#3a1d1f Tritanopia 0.001% of the population

Trichromacy

#281d2a Protanomaly 1% of men, 0.01% of women
#2c1d24 Deuteranomaly 6% of men, 0.4% of women
#37181f Tritanomaly 0.01% of the population

#310f1f hex color

#310f1f Color Information

#310f1f Color Conversion

Color Schemes with #310f1f

Alternatives to #310f1f

#310f1f Preview

Shades and Tints of #310f1f

Tones of #310f1f

Color Blindness Simulator