#310f2e hex color

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

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

● #310f2e color description : Very dark (mostly black) magenta.

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

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

CIE-LAB	10.498, 22.206, -12.729
XYZ	1.931, 1.192, 2.713
xyY	0.331, 0.204, 1.192
CIE-LCH	10.498, 25.596, 330.178
CIE-LUV	10.498, 10.707, -11.533
Hunter-Lab	10.918, 12.457, -7.091
Binary	00110001, 00001111, 00101110

#310f2e
```
#310f2e rgb(49,15,46)
```
#0f3112
```
#0f3112 rgb(15,49,18)
```

Complementary Color

#230f31
```
#230f31 rgb(35,15,49)
```
#310f2e
```
#310f2e rgb(49,15,46)
```
#310f1d
```
#310f1d rgb(49,15,29)
```

Analogous Color

#0f3123
```
#0f3123 rgb(15,49,35)
```
#310f2e
```
#310f2e rgb(49,15,46)
```
#1d310f
```
#1d310f rgb(29,49,15)
```

Split Complementary Color

#0f2e31
```
#0f2e31 rgb(15,46,49)
```
#310f2e
```
#310f2e rgb(49,15,46)
```
#2e310f
```
#2e310f rgb(46,49,15)
```

Triadic Color

#120f31
```
#120f31 rgb(18,15,49)
```
#310f2e
```
#310f2e rgb(49,15,46)
```
#2e310f
```
#2e310f rgb(46,49,15)
```
#0f3112
```
#0f3112 rgb(15,49,18)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0a0309
```
#0a0309 rgb(10,3,9)
```
#1d091c
```
#1d091c rgb(29,9,28)
```
#310f2e
```
#310f2e rgb(49,15,46)
```
#451540
```
#451540 rgb(69,21,64)
```
#581b53
```
#581b53 rgb(88,27,83)
```
#6c2165
```
#6c2165 rgb(108,33,101)
```

Monochromatic Color

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

#2c0f31
```
#2c0f31 rgb(44,15,49)
```
#2e0f31
```
#2e0f31 rgb(46,15,49)
```
#310f31
```
#310f31 rgb(49,15,49)
```
#310f2e
```
#310f2e rgb(49,15,46)
```
#310f2b
```
#310f2b rgb(49,15,43)
```
#310f28
```
#310f28 rgb(49,15,40)
```
#310f26
```
#310f26 rgb(49,15,38)
```

Similar Colors

Text with hexadecimal color #310f2e

This text has a font color of #310f2e.

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

#310f2e background color

This paragraph has a background color of #310f2e.

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

#310f2e border color

This element has a border color of #310f2e.

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

CSS codes

.text {color:#310f2e;}

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

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

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

#040104
```
#040104 rgb(4,1,4)
```
#130612
```
#130612 rgb(19,6,18)
```
#220a20
```
#220a20 rgb(34,10,32)
```
#310f2e
```
#310f2e rgb(49,15,46)
```
#40143c
```
#40143c rgb(64,20,60)
```
#4f184a
```
#4f184a rgb(79,24,74)
```
#5e1d58
```
#5e1d58 rgb(94,29,88)
```
#6d2166
```
#6d2166 rgb(109,33,102)
```
#7c2674
```
#7c2674 rgb(124,38,116)
```
#8b2b83
```
#8b2b83 rgb(139,43,131)
```
#9a2f91
```
#9a2f91 rgb(154,47,145)
```
#a9349f
```
#a9349f rgb(169,52,159)
```
#b838ad
```
#b838ad rgb(184,56,173)
```

Shade Color Variation

#c440b9
```
#c440b9 rgb(196,64,185)
```
#c94fbe
```
#c94fbe rgb(201,79,190)
```
#ce5ec4
```
#ce5ec4 rgb(206,94,196)
```
#d26dc9
```
#d26dc9 rgb(210,109,201)
```
#d77ccf
```
#d77ccf rgb(215,124,207)
```
#db8bd4
```
#db8bd4 rgb(219,139,212)
```
#e09ada
```
#e09ada rgb(224,154,218)
```
#e5a9df
```
#e5a9df rgb(229,169,223)
```
#e9b8e5
```
#e9b8e5 rgb(233,184,229)
```
#eec7ea
```
#eec7ea rgb(238,199,234)
```
#f2d6f0
```
#f2d6f0 rgb(242,214,240)
```
#f7e5f5
```
#f7e5f5 rgb(247,229,245)
```
#fcf4fb
```
#fcf4fb rgb(252,244,251)
```

Tint Color Variation

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

#221e22
```
#221e22 rgb(34,30,34)
```
#251b24
```
#251b24 rgb(37,27,36)
```
#271926
```
#271926 rgb(39,25,38)
```
#2a1628
```
#2a1628 rgb(42,22,40)
```
#2c142a
```
#2c142a rgb(44,20,42)
```
#2f112c
```
#2f112c rgb(47,17,44)
```
#310f2e
```
#310f2e rgb(49,15,46)
```
#330d30
```
#330d30 rgb(51,13,48)
```
#360a32
```
#360a32 rgb(54,10,50)
```
#380834
```
#380834 rgb(56,8,52)
```
#3b0536
```
#3b0536 rgb(59,5,54)
```
#3d0338
```
#3d0338 rgb(61,3,56)
```
#40003a
```
#40003a rgb(64,0,58)
```

Tone Color Variation

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

#1d1d1d Achromatopsia 0.005% of the population
#211a20 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b2741 Protanopia 1% of men
#232735 Deuteranopia 1% of men
#392123 Tritanopia 0.001% of the population

Trichromacy

#231e3a Protanomaly 1% of men, 0.01% of women
#281e32 Deuteranomaly 6% of men, 0.4% of women
#361a27 Tritanomaly 0.01% of the population

#310f2e hex color

#310f2e Color Information

#310f2e Color Conversion

Color Schemes with #310f2e

Alternatives to #310f2e

#310f2e Preview

Shades and Tints of #310f2e

Tones of #310f2e

Color Blindness Simulator