#311f2e hex color

In a RGB color space, hex #311f2e is composed of 19.2% red, 12.2% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.7% magenta, 6.1% yellow and 80.8% black. It has a hue angle of 310 degrees, a saturation of 22.5% and a lightness of 15.7%. #311f2e color hex could be obtained by blending #623e5c with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #311f2e has RGB values of R:49, G:31, B:46 and CMYK values of C:0, M:0.37, Y:0.06, K:0.81. Its decimal value is 3219246.

Hex triplet	311f2e	`#311f2e`
RGB Decimal	49, 31, 46	`rgb(49,31,46)`
RGB Percent	19.2, 12.2, 18	`rgb(19.2%,12.2%,18%)`
CMYK	0, 37, 6, 81
HSL	310°, 22.5, 15.7	`hsl(310,22.5%,15.7%)`
HSV (or HSB)	310°, 36.7, 19.2
Web Safe	333333	`#333333`

CIE-LAB	14.57, 11.792, -6.462
XYZ	2.25, 1.83, 2.819
xyY	0.326, 0.265, 1.83
CIE-LCH	14.57, 13.446, 331.277
CIE-LUV	14.57, 7.191, -6.95
Hunter-Lab	13.529, 6.007, -2.886
Binary	00110001, 00011111, 00101110

#311f2e
```
#311f2e rgb(49,31,46)
```
#1f3122
```
#1f3122 rgb(31,49,34)
```

Complementary Color

#2b1f31
```
#2b1f31 rgb(43,31,49)
```
#311f2e
```
#311f2e rgb(49,31,46)
```
#311f25
```
#311f25 rgb(49,31,37)
```

Analogous Color

#1f312b
```
#1f312b rgb(31,49,43)
```
#311f2e
```
#311f2e rgb(49,31,46)
```
#25311f
```
#25311f rgb(37,49,31)
```

Split Complementary Color

#1f2e31
```
#1f2e31 rgb(31,46,49)
```
#311f2e
```
#311f2e rgb(49,31,46)
```
#2e311f
```
#2e311f rgb(46,49,31)
```

Triadic Color

#221f31
```
#221f31 rgb(34,31,49)
```
#311f2e
```
#311f2e rgb(49,31,46)
```
#2e311f
```
#2e311f rgb(46,49,31)
```
#1f3122
```
#1f3122 rgb(31,49,34)
```

Tetradic Color

#020102
```
#020102 rgb(2,1,2)
```
#120b11
```
#120b11 rgb(18,11,17)
```
#21151f
```
#21151f rgb(33,21,31)
```
#311f2e
```
#311f2e rgb(49,31,46)
```
#41293d
```
#41293d rgb(65,41,61)
```
#50334b
```
#50334b rgb(80,51,75)
```
#603d5a
```
#603d5a rgb(96,61,90)
```

Monochromatic Color

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

#301f31
```
#301f31 rgb(48,31,49)
```
#311f31
```
#311f31 rgb(49,31,49)
```
#311f30
```
#311f30 rgb(49,31,48)
```
#311f2e
```
#311f2e rgb(49,31,46)
```
#311f2d
```
#311f2d rgb(49,31,45)
```
#311f2b
```
#311f2b rgb(49,31,43)
```
#311f2a
```
#311f2a rgb(49,31,42)
```

Similar Colors

Text with hexadecimal color #311f2e

This text has a font color of #311f2e.

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

#311f2e background color

This paragraph has a background color of #311f2e.

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

#311f2e border color

This element has a border color of #311f2e.

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

CSS codes

.text {color:#311f2e;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d080c
```
#0d080c rgb(13,8,12)
```
#191017
```
#191017 rgb(25,16,23)
```
#251723
```
#251723 rgb(37,23,35)
```
#311f2e
```
#311f2e rgb(49,31,46)
```
#3d2739
```
#3d2739 rgb(61,39,57)
```
#492e45
```
#492e45 rgb(73,46,69)
```
#553650
```
#553650 rgb(85,54,80)
```
#613d5b
```
#613d5b rgb(97,61,91)
```
#6d4566
```
#6d4566 rgb(109,69,102)
```
#794d72
```
#794d72 rgb(121,77,114)
```
#85547d
```
#85547d rgb(133,84,125)
```
#915c88
```
#915c88 rgb(145,92,136)
```

Shade Color Variation

#9d6493
```
#9d6493 rgb(157,100,147)
```
#a4709c
```
#a4709c rgb(164,112,156)
```
#ac7ca4
```
#ac7ca4 rgb(172,124,164)
```
#b488ac
```
#b488ac rgb(180,136,172)
```
#bb94b5
```
#bb94b5 rgb(187,148,181)
```
#c3a0bd
```
#c3a0bd rgb(195,160,189)
```
#caacc5
```
#caacc5 rgb(202,172,197)
```
#d2b8ce
```
#d2b8ce rgb(210,184,206)
```
#dac4d6
```
#dac4d6 rgb(218,196,214)
```
#e1d0de
```
#e1d0de rgb(225,208,222)
```
#e9dce7
```
#e9dce7 rgb(233,220,231)
```
#f0e8ef
```
#f0e8ef rgb(240,232,239)
```
#f8f4f7
```
#f8f4f7 rgb(248,244,247)
```

Tint Color Variation

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

#2b252a
```
#2b252a rgb(43,37,42)
```
#2e222c
```
#2e222c rgb(46,34,44)
```
#311f2e
```
#311f2e rgb(49,31,46)
```
#341c30
```
#341c30 rgb(52,28,48)
```
#371932
```
#371932 rgb(55,25,50)
```
#3a1634
```
#3a1634 rgb(58,22,52)
```
#3d1336
```
#3d1336 rgb(61,19,54)
```
#401038
```
#401038 rgb(64,16,56)
```
#430d3a
```
#430d3a rgb(67,13,58)
```
#47093c
```
#47093c rgb(71,9,60)
```
#4a063e
```
#4a063e rgb(74,6,62)
```
#4d0340
```
#4d0340 rgb(77,3,64)
```
#500043
```
#500043 rgb(80,0,67)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#282528 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c2f3b Protanopia 1% of men
#302f37 Deuteranopia 1% of men
#3a2c2f Tritanopia 0.001% of the population

Trichromacy

#2e2936 Protanomaly 1% of men, 0.01% of women
#302934 Deuteranomaly 6% of men, 0.4% of women
#36272f Tritanomaly 0.01% of the population

#311f2e hex color

#311f2e Color Information

#311f2e Color Conversion

Color Schemes with #311f2e

Alternatives to #311f2e

#311f2e Preview

Shades and Tints of #311f2e

Tones of #311f2e

Color Blindness Simulator