#311d38 hex color

In a RGB color space, hex #311d38 is composed of 19.2% red, 11.4% green and 22% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 48.2% magenta, 0% yellow and 78% black. It has a hue angle of 284.4 degrees, a saturation of 31.8% and a lightness of 16.7%. #311d38 color hex could be obtained by blending #623a70 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #311d38 has RGB values of R:49, G:29, B:56 and CMYK values of C:0.13, M:0.48, Y:0, K:0.78. Its decimal value is 3218744.

Hex triplet	311d38	`#311d38`
RGB Decimal	49, 29, 56	`rgb(49,29,56)`
RGB Percent	19.2, 11.4, 22	`rgb(19.2%,11.4%,22%)`
CMYK	13, 48, 0, 78
HSL	284.4°, 31.8, 16.7	`hsl(284.4,31.8%,16.7%)`
HSV (or HSB)	284.4°, 48.2, 22
Web Safe	333333	`#333333`

CIE-LAB	14.498, 15.633, -13.706
XYZ	2.42, 1.817, 3.964
xyY	0.295, 0.222, 1.817
CIE-LCH	14.498, 20.791, 318.757
CIE-LUV	14.498, 6.592, -14.119
Hunter-Lab	13.481, 8.449, -8
Binary	00110001, 00011101, 00111000

#311d38
```
#311d38 rgb(49,29,56)
```
#24381d
```
#24381d rgb(36,56,29)
```

Complementary Color

#241d38
```
#241d38 rgb(36,29,56)
```
#311d38
```
#311d38 rgb(49,29,56)
```
#381d32
```
#381d32 rgb(56,29,50)
```

Analogous Color

#1d3824
```
#1d3824 rgb(29,56,36)
```
#311d38
```
#311d38 rgb(49,29,56)
```
#32381d
```
#32381d rgb(50,56,29)
```

Split Complementary Color

#1d3831
```
#1d3831 rgb(29,56,49)
```
#311d38
```
#311d38 rgb(49,29,56)
```
#38311d
```
#38311d rgb(56,49,29)
```

Triadic Color

#1d2438
```
#1d2438 rgb(29,36,56)
```
#311d38
```
#311d38 rgb(49,29,56)
```
#38311d
```
#38311d rgb(56,49,29)
```
#24381d
```
#24381d rgb(36,56,29)
```

Tetradic Color

#050306
```
#050306 rgb(5,3,6)
```
#140c16
```
#140c16 rgb(20,12,22)
```
#221427
```
#221427 rgb(34,20,39)
```
#311d38
```
#311d38 rgb(49,29,56)
```
#402649
```
#402649 rgb(64,38,73)
```
#4e2e5a
```
#4e2e5a rgb(78,46,90)
```
#5d376a
```
#5d376a rgb(93,55,106)
```

Monochromatic Color

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

#2a1d38
```
#2a1d38 rgb(42,29,56)
```
#2d1d38
```
#2d1d38 rgb(45,29,56)
```
#2f1d38
```
#2f1d38 rgb(47,29,56)
```
#311d38
```
#311d38 rgb(49,29,56)
```
#331d38
```
#331d38 rgb(51,29,56)
```
#361d38
```
#361d38 rgb(54,29,56)
```
#381d38
```
#381d38 rgb(56,29,56)
```

Similar Colors

Text with hexadecimal color #311d38

This text has a font color of #311d38.

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

#311d38 background color

This paragraph has a background color of #311d38.

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

#311d38 border color

This element has a border color of #311d38.

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

CSS codes

.text {color:#311d38;}

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

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

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

#040204
```
#040204 rgb(4,2,4)
```
#0f0911
```
#0f0911 rgb(15,9,17)
```
#1a101e
```
#1a101e rgb(26,16,30)
```
#26162b
```
#26162b rgb(38,22,43)
```
#311d38
```
#311d38 rgb(49,29,56)
```
#3c2445
```
#3c2445 rgb(60,36,69)
```
#482a52
```
#482a52 rgb(72,42,82)
```
#53315f
```
#53315f rgb(83,49,95)
```
#5e386c
```
#5e386c rgb(94,56,108)
```
#6a3e79
```
#6a3e79 rgb(106,62,121)
```
#754586
```
#754586 rgb(117,69,134)
```
#804c92
```
#804c92 rgb(128,76,146)
```
#8b539f
```
#8b539f rgb(139,83,159)
```

Shade Color Variation

#965baa
```
#965baa rgb(150,91,170)
```
#9e68b1
```
#9e68b1 rgb(158,104,177)
```
#a675b8
```
#a675b8 rgb(166,117,184)
```
#af82be
```
#af82be rgb(175,130,190)
```
#b78fc5
```
#b78fc5 rgb(183,143,197)
```
#bf9ccc
```
#bf9ccc rgb(191,156,204)
```
#c8a9d2
```
#c8a9d2 rgb(200,169,210)
```
#d0b6d9
```
#d0b6d9 rgb(208,182,217)
```
#d8c3e0
```
#d8c3e0 rgb(216,195,224)
```
#e1d0e6
```
#e1d0e6 rgb(225,208,230)
```
#e9dded
```
#e9dded rgb(233,221,237)
```
#f1e9f4
```
#f1e9f4 rgb(241,233,244)
```
#f9f6fb
```
#f9f6fb rgb(249,246,251)
```

Tint Color Variation

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

#2b2a2b
```
#2b2a2b rgb(43,42,43)
```
#2c272e
```
#2c272e rgb(44,39,46)
```
#2e2431
```
#2e2431 rgb(46,36,49)
```
#2f2035
```
#2f2035 rgb(47,32,53)
```
#311d38
```
#311d38 rgb(49,29,56)
```
#331a3b
```
#331a3b rgb(51,26,59)
```
#34163f
```
#34163f rgb(52,22,63)
```
#361342
```
#361342 rgb(54,19,66)
```
#371045
```
#371045 rgb(55,16,69)
```
#390d48
```
#390d48 rgb(57,13,72)
```
#3a094c
```
#3a094c rgb(58,9,76)
```
#3c064f
```
#3c064f rgb(60,6,79)
```
#3e0352
```
#3e0352 rgb(62,3,82)
```

Tone Color Variation

Below, you can see how #311d38 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
#28242a Atypical Achromatopsia 0.001% of the population

Dichromacy

#262f47 Protanopia 1% of men
#2a2f40 Deuteranopia 1% of men
#382c30 Tritanopia 0.001% of the population

Trichromacy

#2a2841 Protanomaly 1% of men, 0.01% of women
#2c283d Deuteranomaly 6% of men, 0.4% of women
#352732 Tritanomaly 0.01% of the population

#311d38 hex color

#311d38 Color Information

#311d38 Color Conversion

Color Schemes with #311d38

Alternatives to #311d38

#311d38 Preview

Shades and Tints of #311d38

Tones of #311d38

Color Blindness Simulator