#311631 hex color

In a RGB color space, hex #311631 is composed of 19.2% red, 8.6% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.1% magenta, 0% yellow and 80.8% black. It has a hue angle of 300 degrees, a saturation of 38% and a lightness of 13.9%. #311631 color hex could be obtained by blending #622c62 with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 19
- G 9
- B 19
RGB color chart
- C 0
- M 55
- Y 0
- K 81
CMYK color chart

● #311631 color description : Very dark (mostly black) magenta.

The hexadecimal color #311631 has RGB values of R:49, G:22, B:49 and CMYK values of C:0, M:0.55, Y:0, K:0.81. Its decimal value is 3216945.

Hex triplet	311631	`#311631`
RGB Decimal	49, 22, 49	`rgb(49,22,49)`
RGB Percent	19.2, 8.6, 19.2	`rgb(19.2%,8.6%,19.2%)`
CMYK	0, 55, 0, 81
HSL	300°, 38, 13.9	`hsl(300,38%,13.9%)`
HSV (or HSB)	300°, 55.1, 19.2
Web Safe	330033	`#330033`

CIE-LAB	12.278, 18.59, -12.145
XYZ	2.108, 1.449, 3.074
xyY	0.318, 0.218, 1.449
CIE-LCH	12.278, 22.206, 326.842
CIE-LUV	12.278, 9.129, -11.806
Hunter-Lab	12.036, 10.198, -6.718
Binary	00110001, 00010110, 00110001

#311631
```
#311631 rgb(49,22,49)
```
#163116
```
#163116 rgb(22,49,22)
```

Complementary Color

#241631
```
#241631 rgb(36,22,49)
```
#311631
```
#311631 rgb(49,22,49)
```
#311624
```
#311624 rgb(49,22,36)
```

Analogous Color

#163124
```
#163124 rgb(22,49,36)
```
#311631
```
#311631 rgb(49,22,49)
```
#243116
```
#243116 rgb(36,49,22)
```

Split Complementary Color

#163131
```
#163131 rgb(22,49,49)
```
#311631
```
#311631 rgb(49,22,49)
```
#313116
```
#313116 rgb(49,49,22)
```

Triadic Color

#161631
```
#161631 rgb(22,22,49)
```
#311631
```
#311631 rgb(49,22,49)
```
#313116
```
#313116 rgb(49,49,22)
```
#163116
```
#163116 rgb(22,49,22)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e060e
```
#0e060e rgb(14,6,14)
```
#1f0e1f
```
#1f0e1f rgb(31,14,31)
```
#311631
```
#311631 rgb(49,22,49)
```
#431e43
```
#431e43 rgb(67,30,67)
```
#542654
```
#542654 rgb(84,38,84)
```
#662e66
```
#662e66 rgb(102,46,102)
```

Monochromatic Color

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

#2a1631
```
#2a1631 rgb(42,22,49)
```
#2d1631
```
#2d1631 rgb(45,22,49)
```
#2f1631
```
#2f1631 rgb(47,22,49)
```
#311631
```
#311631 rgb(49,22,49)
```
#31162f
```
#31162f rgb(49,22,47)
```
#31162d
```
#31162d rgb(49,22,45)
```
#31162a
```
#31162a rgb(49,22,42)
```

Similar Colors

Text with hexadecimal color #311631

This text has a font color of #311631.

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

#311631 background color

This paragraph has a background color of #311631.

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

#311631 border color

This element has a border color of #311631.

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

CSS codes

.text {color:#311631;}

.background {background-color:#311631;}

.border {border:1px solid #311631;}

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

#080408
```
#080408 rgb(8,4,8)
```
#160a16
```
#160a16 rgb(22,10,22)
```
#231023
```
#231023 rgb(35,16,35)
```
#311631
```
#311631 rgb(49,22,49)
```
#3f1c3f
```
#3f1c3f rgb(63,28,63)
```
#4c224c
```
#4c224c rgb(76,34,76)
```
#5a285a
```
#5a285a rgb(90,40,90)
```
#672e67
```
#672e67 rgb(103,46,103)
```
#753475
```
#753475 rgb(117,52,117)
```
#823a82
```
#823a82 rgb(130,58,130)
```
#904190
```
#904190 rgb(144,65,144)
```
#9d479d
```
#9d479d rgb(157,71,157)
```
#ab4dab
```
#ab4dab rgb(171,77,171)
```

Shade Color Variation

#b457b4
```
#b457b4 rgb(180,87,180)
```
#ba65ba
```
#ba65ba rgb(186,101,186)
```
#c072c0
```
#c072c0 rgb(192,114,192)
```
#c680c6
```
#c680c6 rgb(198,128,198)
```
#cc8ecc
```
#cc8ecc rgb(204,142,204)
```
#d29bd2
```
#d29bd2 rgb(210,155,210)
```
#d8a9d8
```
#d8a9d8 rgb(216,169,216)
```
#deb6de
```
#deb6de rgb(222,182,222)
```
#e4c4e4
```
#e4c4e4 rgb(228,196,228)
```
#ead1ea
```
#ead1ea rgb(234,209,234)
```
#f1dff1
```
#f1dff1 rgb(241,223,241)
```
#f7ecf7
```
#f7ecf7 rgb(247,236,247)
```
#fdfafd
```
#fdfafd rgb(253,250,253)
```

Tint Color Variation

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

#262126
```
#262126 rgb(38,33,38)
```
#291e29
```
#291e29 rgb(41,30,41)
```
#2c1b2c
```
#2c1b2c rgb(44,27,44)
```
#2e192e
```
#2e192e rgb(46,25,46)
```
#311631
```
#311631 rgb(49,22,49)
```
#341334
```
#341334 rgb(52,19,52)
```
#361136
```
#361136 rgb(54,17,54)
```
#390e39
```
#390e39 rgb(57,14,57)
```
#3c0b3c
```
#3c0b3c rgb(60,11,60)
```
#3f083f
```
#3f083f rgb(63,8,63)
```
#410641
```
#410641 rgb(65,6,65)
```
#440344
```
#440344 rgb(68,3,68)
```
#470047
```
#470047 rgb(71,0,71)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#241f24 Atypical Achromatopsia 0.001% of the population

Dichromacy

#222a41 Protanopia 1% of men
#272b39 Deuteranopia 1% of men
#392629 Tritanopia 0.001% of the population

Trichromacy

#27233b Protanomaly 1% of men, 0.01% of women
#2b2336 Deuteranomaly 6% of men, 0.4% of women
#36202c Tritanomaly 0.01% of the population

#311631 hex color

#311631 Color Information

#311631 Color Conversion

Color Schemes with #311631

Alternatives to #311631

#311631 Preview

Shades and Tints of #311631

Tones of #311631

Color Blindness Simulator