#311e36 hex color

In a RGB color space, hex #311e36 is composed of 19.2% red, 11.8% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 9.3% cyan, 44.4% magenta, 0% yellow and 78.8% black. It has a hue angle of 287.5 degrees, a saturation of 28.6% and a lightness of 16.5%. #311e36 color hex could be obtained by blending #623c6c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 12
- B 21
RGB color chart
- C 9
- M 44
- Y 0
- K 79
CMYK color chart

● #311e36 color description : Very dark desaturated magenta.

The hexadecimal color #311e36 has RGB values of R:49, G:30, B:54 and CMYK values of C:0.09, M:0.44, Y:0, K:0.79. Its decimal value is 3218998.

Hex triplet	311e36	`#311e36`
RGB Decimal	49, 30, 54	`rgb(49,30,54)`
RGB Percent	19.2, 11.8, 21.2	`rgb(19.2%,11.8%,21.2%)`
CMYK	9, 44, 0, 79
HSL	287.5°, 28.6, 16.5	`hsl(287.5,28.6%,16.5%)`
HSV (or HSB)	287.5°, 44.4, 21.2
Web Safe	333333	`#333333`

CIE-LAB	14.668, 14.43, -12.023
XYZ	2.397, 1.848, 3.72
xyY	0.301, 0.232, 1.848
CIE-LCH	14.668, 18.782, 320.2
CIE-LUV	14.668, 6.563, -12.473
Hunter-Lab	13.594, 7.681, -6.71
Binary	00110001, 00011110, 00110110

#311e36
```
#311e36 rgb(49,30,54)
```
#23361e
```
#23361e rgb(35,54,30)
```

Complementary Color

#251e36
```
#251e36 rgb(37,30,54)
```
#311e36
```
#311e36 rgb(49,30,54)
```
#361e2f
```
#361e2f rgb(54,30,47)
```

Analogous Color

#1e3625
```
#1e3625 rgb(30,54,37)
```
#311e36
```
#311e36 rgb(49,30,54)
```
#2f361e
```
#2f361e rgb(47,54,30)
```

Split Complementary Color

#1e3631
```
#1e3631 rgb(30,54,49)
```
#311e36
```
#311e36 rgb(49,30,54)
```
#36311e
```
#36311e rgb(54,49,30)
```

Triadic Color

#1e2336
```
#1e2336 rgb(30,35,54)
```
#311e36
```
#311e36 rgb(49,30,54)
```
#36311e
```
#36311e rgb(54,49,30)
```
#23361e
```
#23361e rgb(35,54,30)
```

Tetradic Color

#040305
```
#040305 rgb(4,3,5)
```
#130c15
```
#130c15 rgb(19,12,21)
```
#221526
```
#221526 rgb(34,21,38)
```
#311e36
```
#311e36 rgb(49,30,54)
```
#402746
```
#402746 rgb(64,39,70)
```
#4f3057
```
#4f3057 rgb(79,48,87)
```
#5e3967
```
#5e3967 rgb(94,57,103)
```

Monochromatic Color

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

#2b1e36
```
#2b1e36 rgb(43,30,54)
```
#2d1e36
```
#2d1e36 rgb(45,30,54)
```
#2f1e36
```
#2f1e36 rgb(47,30,54)
```
#311e36
```
#311e36 rgb(49,30,54)
```
#331e36
```
#331e36 rgb(51,30,54)
```
#351e36
```
#351e36 rgb(53,30,54)
```
#361e35
```
#361e35 rgb(54,30,53)
```

Similar Colors

Text with hexadecimal color #311e36

This text has a font color of #311e36.

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

#311e36 background color

This paragraph has a background color of #311e36.

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

#311e36 border color

This element has a border color of #311e36.

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

CSS codes

.text {color:#311e36;}

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

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0f0910
```
#0f0910 rgb(15,9,16)
```
#1a101d
```
#1a101d rgb(26,16,29)
```
#261729
```
#261729 rgb(38,23,41)
```
#311e36
```
#311e36 rgb(49,30,54)
```
#3c2543
```
#3c2543 rgb(60,37,67)
```
#482c4f
```
#482c4f rgb(72,44,79)
```
#53335c
```
#53335c rgb(83,51,92)
```
#5f3a68
```
#5f3a68 rgb(95,58,104)
```
#6a4175
```
#6a4175 rgb(106,65,117)
```
#764882
```
#764882 rgb(118,72,130)
```
#814f8e
```
#814f8e rgb(129,79,142)
```
#8d569b
```
#8d569b rgb(141,86,155)
```

Shade Color Variation

#975fa6
```
#975fa6 rgb(151,95,166)
```
#9f6bad
```
#9f6bad rgb(159,107,173)
```
#a778b4
```
#a778b4 rgb(167,120,180)
```
#b084bb
```
#b084bb rgb(176,132,187)
```
#b891c2
```
#b891c2 rgb(184,145,194)
```
#c09ec9
```
#c09ec9 rgb(192,158,201)
```
#c8aad0
```
#c8aad0 rgb(200,170,208)
```
#d0b7d7
```
#d0b7d7 rgb(208,183,215)
```
#d8c4de
```
#d8c4de rgb(216,196,222)
```
#e1d0e5
```
#e1d0e5 rgb(225,208,229)
```
#e9ddec
```
#e9ddec rgb(233,221,236)
```
#f1e9f3
```
#f1e9f3 rgb(241,233,243)
```
#f9f6fa
```
#f9f6fa rgb(249,246,250)
```

Tint Color Variation

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

#2b282c
```
#2b282c rgb(43,40,44)
```
#2d2430
```
#2d2430 rgb(45,36,48)
```
#2f2133
```
#2f2133 rgb(47,33,51)
```
#311e36
```
#311e36 rgb(49,30,54)
```
#331b39
```
#331b39 rgb(51,27,57)
```
#35183c
```
#35183c rgb(53,24,60)
```
#371440
```
#371440 rgb(55,20,64)
```
#391143
```
#391143 rgb(57,17,67)
```
#3a0e46
```
#3a0e46 rgb(58,14,70)
```
#3c0b49
```
#3c0b49 rgb(60,11,73)
```
#3e074d
```
#3e074d rgb(62,7,77)
```
#400450
```
#400450 rgb(64,4,80)
```
#420153
```
#420153 rgb(66,1,83)
```

Tone Color Variation

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

Dichromacy

#282f44 Protanopia 1% of men
#2c2f3e Deuteranopia 1% of men
#392d30 Tritanopia 0.001% of the population

Trichromacy

#2b293f Protanomaly 1% of men, 0.01% of women
#2e293b Deuteranomaly 6% of men, 0.4% of women
#362732 Tritanomaly 0.01% of the population

#311e36 hex color

#311e36 Color Information

#311e36 Color Conversion

Color Schemes with #311e36

Alternatives to #311e36

#311e36 Preview

Shades and Tints of #311e36

Tones of #311e36

Color Blindness Simulator