#311f3c hex color

In a RGB color space, hex #311f3c is composed of 19.2% red, 12.2% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 48.3% magenta, 0% yellow and 76.5% black. It has a hue angle of 277.2 degrees, a saturation of 31.9% and a lightness of 17.8%. #311f3c color hex could be obtained by blending #623e78 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 12
- B 24
RGB color chart
- C 18
- M 48
- Y 0
- K 76
CMYK color chart

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

The hexadecimal color #311f3c has RGB values of R:49, G:31, B:60 and CMYK values of C:0.18, M:0.48, Y:0, K:0.76. Its decimal value is 3219260.

Hex triplet	311f3c	`#311f3c`
RGB Decimal	49, 31, 60	`rgb(49,31,60)`
RGB Percent	19.2, 12.2, 23.5	`rgb(19.2%,12.2%,23.5%)`
CMYK	18, 48, 0, 76
HSL	277.2°, 31.9, 17.8	`hsl(277.2,31.9%,17.8%)`
HSV (or HSB)	277.2°, 48.3, 23.5
Web Safe	333333	`#333333`

CIE-LAB	15.272, 15.321, -15.32
XYZ	2.572, 1.959, 4.517
xyY	0.284, 0.217, 1.959
CIE-LCH	15.272, 21.667, 315.002
CIE-LUV	15.272, 5.602, -16.062
Hunter-Lab	13.997, 8.305, -9.337
Binary	00110001, 00011111, 00111100

#311f3c
```
#311f3c rgb(49,31,60)
```
#2a3c1f
```
#2a3c1f rgb(42,60,31)
```

Complementary Color

#231f3c
```
#231f3c rgb(35,31,60)
```
#311f3c
```
#311f3c rgb(49,31,60)
```
#3c1f39
```
#3c1f39 rgb(60,31,57)
```

Analogous Color

#1f3c23
```
#1f3c23 rgb(31,60,35)
```
#311f3c
```
#311f3c rgb(49,31,60)
```
#393c1f
```
#393c1f rgb(57,60,31)
```

Split Complementary Color

#1f3c31
```
#1f3c31 rgb(31,60,49)
```
#311f3c
```
#311f3c rgb(49,31,60)
```
#3c311f
```
#3c311f rgb(60,49,31)
```

Triadic Color

#1f2a3c
```
#1f2a3c rgb(31,42,60)
```
#311f3c
```
#311f3c rgb(49,31,60)
```
#3c311f
```
#3c311f rgb(60,49,31)
```
#2a3c1f
```
#2a3c1f rgb(42,60,31)
```

Tetradic Color

#08050a
```
#08050a rgb(8,5,10)
```
#160e1a
```
#160e1a rgb(22,14,26)
```
#23162b
```
#23162b rgb(35,22,43)
```
#311f3c
```
#311f3c rgb(49,31,60)
```
#3f284d
```
#3f284d rgb(63,40,77)
```
#4c305e
```
#4c305e rgb(76,48,94)
```
#5a396e
```
#5a396e rgb(90,57,110)
```

Monochromatic Color

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

#2a1f3c
```
#2a1f3c rgb(42,31,60)
```
#2c1f3c
```
#2c1f3c rgb(44,31,60)
```
#2f1f3c
```
#2f1f3c rgb(47,31,60)
```
#311f3c
```
#311f3c rgb(49,31,60)
```
#331f3c
```
#331f3c rgb(51,31,60)
```
#361f3c
```
#361f3c rgb(54,31,60)
```
#381f3c
```
#381f3c rgb(56,31,60)
```

Similar Colors

Text with hexadecimal color #311f3c

This text has a font color of #311f3c.

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

#311f3c background color

This paragraph has a background color of #311f3c.

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

#311f3c border color

This element has a border color of #311f3c.

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

CSS codes

.text {color:#311f3c;}

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

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

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

#070408
```
#070408 rgb(7,4,8)
```
#110b15
```
#110b15 rgb(17,11,21)
```
#1c1222
```
#1c1222 rgb(28,18,34)
```
#26182f
```
#26182f rgb(38,24,47)
```
#311f3c
```
#311f3c rgb(49,31,60)
```
#3c2649
```
#3c2649 rgb(60,38,73)
```
#462c56
```
#462c56 rgb(70,44,86)
```
#513363
```
#513363 rgb(81,51,99)
```
#5b3a70
```
#5b3a70 rgb(91,58,112)
```
#66407d
```
#66407d rgb(102,64,125)
```
#70478a
```
#70478a rgb(112,71,138)
```
#7b4e97
```
#7b4e97 rgb(123,78,151)
```
#8554a3
```
#8554a3 rgb(133,84,163)
```

Shade Color Variation

#8f5fac
```
#8f5fac rgb(143,95,172)
```
#986cb3
```
#986cb3 rgb(152,108,179)
```
#a179ba
```
#a179ba rgb(161,121,186)
```
#aa86c0
```
#aa86c0 rgb(170,134,192)
```
#b393c7
```
#b393c7 rgb(179,147,199)
```
#bca0ce
```
#bca0ce rgb(188,160,206)
```
#c5add4
```
#c5add4 rgb(197,173,212)
```
#cebadb
```
#cebadb rgb(206,186,219)
```
#d8c7e2
```
#d8c7e2 rgb(216,199,226)
```
#e1d4e9
```
#e1d4e9 rgb(225,212,233)
```
#eae0ef
```
#eae0ef rgb(234,224,239)
```
#f3edf6
```
#f3edf6 rgb(243,237,246)
```
#fcfafd
```
#fcfafd rgb(252,250,253)
```

Tint Color Variation

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

#2e2d2e
```
#2e2d2e rgb(46,45,46)
```
#2e2a32
```
#2e2a32 rgb(46,42,50)
```
#2f2635
```
#2f2635 rgb(47,38,53)
```
#302339
```
#302339 rgb(48,35,57)
```
#311f3c
```
#311f3c rgb(49,31,60)
```
#321c40
```
#321c40 rgb(50,28,64)
```
#331843
```
#331843 rgb(51,24,67)
```
#341547
```
#341547 rgb(52,21,71)
```
#34114a
```
#34114a rgb(52,17,74)
```
#350e4e
```
#350e4e rgb(53,14,78)
```
#360a51
```
#360a51 rgb(54,10,81)
```
#370655
```
#370655 rgb(55,6,85)
```
#380358
```
#380358 rgb(56,3,88)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2a262c Atypical Achromatopsia 0.001% of the population

Dichromacy

#27304a Protanopia 1% of men
#2a3144 Deuteranopia 1% of men
#382f32 Tritanopia 0.001% of the population

Trichromacy

#2a2a45 Protanomaly 1% of men, 0.01% of women
#2c2a41 Deuteranomaly 6% of men, 0.4% of women
#352935 Tritanomaly 0.01% of the population

#311f3c hex color

#311f3c Color Information

#311f3c Color Conversion

Color Schemes with #311f3c

Alternatives to #311f3c

#311f3c Preview

Shades and Tints of #311f3c

Tones of #311f3c

Color Blindness Simulator