#311d36 hex color

In a RGB color space, hex #311d36 is composed of 19.2% red, 11.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 9.3% cyan, 46.3% magenta, 0% yellow and 78.8% black. It has a hue angle of 288 degrees, a saturation of 30.1% and a lightness of 16.3%. #311d36 color hex could be obtained by blending #623a6c with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #311d36 has RGB values of R:49, G:29, B:54 and CMYK values of C:0.09, M:0.46, Y:0, K:0.79. Its decimal value is 3218742.

Hex triplet	311d36	`#311d36`
RGB Decimal	49, 29, 54	`rgb(49,29,54)`
RGB Percent	19.2, 11.4, 21.2	`rgb(19.2%,11.4%,21.2%)`
CMYK	9, 46, 0, 79
HSL	288°, 30.1, 16.3	`hsl(288,30.1%,16.3%)`
HSV (or HSB)	288°, 46.3, 21.2
Web Safe	333333	`#333333`

CIE-LAB	14.39, 15.119, -12.454
XYZ	2.372, 1.798, 3.712
xyY	0.301, 0.228, 1.798
CIE-LCH	14.39, 19.588, 320.521
CIE-LUV	14.39, 6.833, -12.824
Hunter-Lab	13.409, 8.106, -7.026
Binary	00110001, 00011101, 00110110

#311d36
```
#311d36 rgb(49,29,54)
```
#22361d
```
#22361d rgb(34,54,29)
```

Complementary Color

#251d36
```
#251d36 rgb(37,29,54)
```
#311d36
```
#311d36 rgb(49,29,54)
```
#361d2f
```
#361d2f rgb(54,29,47)
```

Analogous Color

#1d3625
```
#1d3625 rgb(29,54,37)
```
#311d36
```
#311d36 rgb(49,29,54)
```
#2f361d
```
#2f361d rgb(47,54,29)
```

Split Complementary Color

#1d3631
```
#1d3631 rgb(29,54,49)
```
#311d36
```
#311d36 rgb(49,29,54)
```
#36311d
```
#36311d rgb(54,49,29)
```

Triadic Color

#1d2236
```
#1d2236 rgb(29,34,54)
```
#311d36
```
#311d36 rgb(49,29,54)
```
#36311d
```
#36311d rgb(54,49,29)
```
#22361d
```
#22361d rgb(34,54,29)
```

Tetradic Color

#040204
```
#040204 rgb(4,2,4)
```
#130b15
```
#130b15 rgb(19,11,21)
```
#221425
```
#221425 rgb(34,20,37)
```
#311d36
```
#311d36 rgb(49,29,54)
```
#402647
```
#402647 rgb(64,38,71)
```
#4f2f57
```
#4f2f57 rgb(79,47,87)
```
#5e3868
```
#5e3868 rgb(94,56,104)
```

Monochromatic Color

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

#2b1d36
```
#2b1d36 rgb(43,29,54)
```
#2d1d36
```
#2d1d36 rgb(45,29,54)
```
#2f1d36
```
#2f1d36 rgb(47,29,54)
```
#311d36
```
#311d36 rgb(49,29,54)
```
#331d36
```
#331d36 rgb(51,29,54)
```
#351d36
```
#351d36 rgb(53,29,54)
```
#361d35
```
#361d35 rgb(54,29,53)
```

Similar Colors

Text with hexadecimal color #311d36

This text has a font color of #311d36.

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

#311d36 background color

This paragraph has a background color of #311d36.

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

#311d36 border color

This element has a border color of #311d36.

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

CSS codes

.text {color:#311d36;}

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

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0e0810
```
#0e0810 rgb(14,8,16)
```
#1a0f1c
```
#1a0f1c rgb(26,15,28)
```
#251629
```
#251629 rgb(37,22,41)
```
#311d36
```
#311d36 rgb(49,29,54)
```
#3d2443
```
#3d2443 rgb(61,36,67)
```
#482b50
```
#482b50 rgb(72,43,80)
```
#54325c
```
#54325c rgb(84,50,92)
```
#5f3869
```
#5f3869 rgb(95,56,105)
```
#6b3f76
```
#6b3f76 rgb(107,63,118)
```
#764683
```
#764683 rgb(118,70,131)
```
#824d8f
```
#824d8f rgb(130,77,143)
```
#8e549c
```
#8e549c rgb(142,84,156)
```

Shade Color Variation

#985ca7
```
#985ca7 rgb(152,92,167)
```
#a069ae
```
#a069ae rgb(160,105,174)
```
#a876b5
```
#a876b5 rgb(168,118,181)
```
#b182bc
```
#b182bc rgb(177,130,188)
```
#b98fc3
```
#b98fc3 rgb(185,143,195)
```
#c19cca
```
#c19cca rgb(193,156,202)
```
#c9a9d1
```
#c9a9d1 rgb(201,169,209)
```
#d1b5d7
```
#d1b5d7 rgb(209,181,215)
```
#d9c2de
```
#d9c2de rgb(217,194,222)
```
#e1cfe5
```
#e1cfe5 rgb(225,207,229)
```
#e9dcec
```
#e9dcec rgb(233,220,236)
```
#f1e8f3
```
#f1e8f3 rgb(241,232,243)
```
#f9f5fa
```
#f9f5fa rgb(249,245,250)
```

Tint Color Variation

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

#2b272c
```
#2b272c rgb(43,39,44)
```
#2d2330
```
#2d2330 rgb(45,35,48)
```
#2f2033
```
#2f2033 rgb(47,32,51)
```
#311d36
```
#311d36 rgb(49,29,54)
```
#331a39
```
#331a39 rgb(51,26,57)
```
#35173c
```
#35173c rgb(53,23,60)
```
#371340
```
#371340 rgb(55,19,64)
```
#391043
```
#391043 rgb(57,16,67)
```
#3b0d46
```
#3b0d46 rgb(59,13,70)
```
#3c0a49
```
#3c0a49 rgb(60,10,73)
```
#3e074c
```
#3e074c rgb(62,7,76)
```
#400350
```
#400350 rgb(64,3,80)
```
#420053
```
#420053 rgb(66,0,83)
```

Tone Color Variation

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

#272f44 Protanopia 1% of men
#2b2f3e Deuteranopia 1% of men
#382c2f Tritanopia 0.001% of the population

Trichromacy

#2b283f Protanomaly 1% of men, 0.01% of women
#2d283b Deuteranomaly 6% of men, 0.4% of women
#362631 Tritanomaly 0.01% of the population

#311d36 hex color

#311d36 Color Information

#311d36 Color Conversion

Color Schemes with #311d36

Alternatives to #311d36

#311d36 Preview

Shades and Tints of #311d36

Tones of #311d36

Color Blindness Simulator