#311f38 hex color

In a RGB color space, hex #311f38 is composed of 19.2% red, 12.2% green and 22% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 44.6% magenta, 0% yellow and 78% black. It has a hue angle of 283.2 degrees, a saturation of 28.7% and a lightness of 17.1%. #311f38 color hex could be obtained by blending #623e70 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 12
- B 22
RGB color chart
- C 13
- M 45
- Y 0
- K 78
CMYK color chart

● #311f38 color description : Very dark desaturated violet.

The hexadecimal color #311f38 has RGB values of R:49, G:31, B:56 and CMYK values of C:0.13, M:0.45, Y:0, K:0.78. Its decimal value is 3219256.

Hex triplet	311f38	`#311f38`
RGB Decimal	49, 31, 56	`rgb(49,31,56)`
RGB Percent	19.2, 12.2, 22	`rgb(19.2%,12.2%,22%)`
CMYK	13, 45, 0, 78
HSL	283.2°, 28.7, 17.1	`hsl(283.2,28.7%,17.1%)`
HSV (or HSB)	283.2°, 44.6, 22
Web Safe	333333	`#333333`

CIE-LAB	15.054, 14.255, -12.842
XYZ	2.47, 1.919, 3.981
xyY	0.295, 0.229, 1.919
CIE-LCH	15.054, 19.186, 317.985
CIE-LUV	15.054, 6.054, -13.419
Hunter-Lab	13.851, 7.596, -7.347
Binary	00110001, 00011111, 00111000

#311f38
```
#311f38 rgb(49,31,56)
```
#26381f
```
#26381f rgb(38,56,31)
```

Complementary Color

#251f38
```
#251f38 rgb(37,31,56)
```
#311f38
```
#311f38 rgb(49,31,56)
```
#381f33
```
#381f33 rgb(56,31,51)
```

Analogous Color

#1f3825
```
#1f3825 rgb(31,56,37)
```
#311f38
```
#311f38 rgb(49,31,56)
```
#33381f
```
#33381f rgb(51,56,31)
```

Split Complementary Color

#1f3831
```
#1f3831 rgb(31,56,49)
```
#311f38
```
#311f38 rgb(49,31,56)
```
#38311f
```
#38311f rgb(56,49,31)
```

Triadic Color

#1f2638
```
#1f2638 rgb(31,38,56)
```
#311f38
```
#311f38 rgb(49,31,56)
```
#38311f
```
#38311f rgb(56,49,31)
```
#26381f
```
#26381f rgb(38,56,31)
```

Tetradic Color

#060407
```
#060407 rgb(6,4,7)
```
#140d17
```
#140d17 rgb(20,13,23)
```
#231628
```
#231628 rgb(35,22,40)
```
#311f38
```
#311f38 rgb(49,31,56)
```
#3f2848
```
#3f2848 rgb(63,40,72)
```
#4e3159
```
#4e3159 rgb(78,49,89)
```
#5c3a69
```
#5c3a69 rgb(92,58,105)
```

Monochromatic Color

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

#2b1f38
```
#2b1f38 rgb(43,31,56)
```
#2d1f38
```
#2d1f38 rgb(45,31,56)
```
#2f1f38
```
#2f1f38 rgb(47,31,56)
```
#311f38
```
#311f38 rgb(49,31,56)
```
#331f38
```
#331f38 rgb(51,31,56)
```
#351f38
```
#351f38 rgb(53,31,56)
```
#371f38
```
#371f38 rgb(55,31,56)
```

Similar Colors

Text with hexadecimal color #311f38

This text has a font color of #311f38.

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

#311f38 background color

This paragraph has a background color of #311f38.

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

#311f38 border color

This element has a border color of #311f38.

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

CSS codes

.text {color:#311f38;}

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

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

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

#050305
```
#050305 rgb(5,3,5)
```
#100a12
```
#100a12 rgb(16,10,18)
```
#1b111f
```
#1b111f rgb(27,17,31)
```
#26182b
```
#26182b rgb(38,24,43)
```
#311f38
```
#311f38 rgb(49,31,56)
```
#3c2645
```
#3c2645 rgb(60,38,69)
```
#472d51
```
#472d51 rgb(71,45,81)
```
#52345e
```
#52345e rgb(82,52,94)
```
#5d3b6b
```
#5d3b6b rgb(93,59,107)
```
#684277
```
#684277 rgb(104,66,119)
```
#734984
```
#734984 rgb(115,73,132)
```
#7e5090
```
#7e5090 rgb(126,80,144)
```
#89579d
```
#89579d rgb(137,87,157)
```

Shade Color Variation

#9360a7
```
#9360a7 rgb(147,96,167)
```
#9c6dae
```
#9c6dae rgb(156,109,174)
```
#a47ab5
```
#a47ab5 rgb(164,122,181)
```
#ad86bc
```
#ad86bc rgb(173,134,188)
```
#b693c3
```
#b693c3 rgb(182,147,195)
```
#be9fca
```
#be9fca rgb(190,159,202)
```
#c7acd1
```
#c7acd1 rgb(199,172,209)
```
#cfb9d8
```
#cfb9d8 rgb(207,185,216)
```
#d8c5df
```
#d8c5df rgb(216,197,223)
```
#e0d2e6
```
#e0d2e6 rgb(224,210,230)
```
#e9dfed
```
#e9dfed rgb(233,223,237)
```
#f2ebf4
```
#f2ebf4 rgb(242,235,244)
```
#faf8fb
```
#faf8fb rgb(250,248,251)
```

Tint Color Variation

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

#2d292e
```
#2d292e rgb(45,41,46)
```
#2e2631
```
#2e2631 rgb(46,38,49)
```
#302235
```
#302235 rgb(48,34,53)
```
#311f38
```
#311f38 rgb(49,31,56)
```
#321c3b
```
#321c3b rgb(50,28,59)
```
#34183f
```
#34183f rgb(52,24,63)
```
#351542
```
#351542 rgb(53,21,66)
```
#371245
```
#371245 rgb(55,18,69)
```
#380e49
```
#380e49 rgb(56,14,73)
```
#3a0b4c
```
#3a0b4c rgb(58,11,76)
```
#3b084f
```
#3b084f rgb(59,8,79)
```
#3d0453
```
#3d0453 rgb(61,4,83)
```
#3e0156
```
#3e0156 rgb(62,1,86)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#29252a Atypical Achromatopsia 0.001% of the population

Dichromacy

#293046 Protanopia 1% of men
#2c3040 Deuteranopia 1% of men
#382e31 Tritanopia 0.001% of the population

Trichromacy

#2b2a41 Protanomaly 1% of men, 0.01% of women
#2e2a3d Deuteranomaly 6% of men, 0.4% of women
#352833 Tritanomaly 0.01% of the population

#311f38 hex color

#311f38 Color Information

#311f38 Color Conversion

Color Schemes with #311f38

Alternatives to #311f38

#311f38 Preview

Shades and Tints of #311f38

Tones of #311f38

Color Blindness Simulator