#311830 hex color

In a RGB color space, hex #311830 is composed of 19.2% red, 9.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51% magenta, 2% yellow and 80.8% black. It has a hue angle of 302.4 degrees, a saturation of 34.2% and a lightness of 14.3%. #311830 color hex could be obtained by blending #623060 with #000000. Closest websafe color is: #330033.

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

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

The hexadecimal color #311830 has RGB values of R:49, G:24, B:48 and CMYK values of C:0, M:0.51, Y:0.02, K:0.81. Its decimal value is 3217456.

Hex triplet	311830	`#311830`
RGB Decimal	49, 24, 48	`rgb(49,24,48)`
RGB Percent	19.2, 9.4, 18.8	`rgb(19.2%,9.4%,18.8%)`
CMYK	0, 51, 2, 81
HSL	302.4°, 34.2, 14.3	`hsl(302.4,34.2%,14.3%)`
HSV (or HSB)	302.4°, 51, 19.2
Web Safe	330033	`#330033`

CIE-LAB	12.733, 17.045, -10.715
XYZ	2.127, 1.52, 2.977
xyY	0.321, 0.229, 1.52
CIE-LCH	12.733, 20.134, 327.845
CIE-LUV	12.733, 8.845, -10.649
Hunter-Lab	12.328, 9.22, -5.691
Binary	00110001, 00011000, 00110000

#311830
```
#311830 rgb(49,24,48)
```
#183119
```
#183119 rgb(24,49,25)
```

Complementary Color

#261831
```
#261831 rgb(38,24,49)
```
#311830
```
#311830 rgb(49,24,48)
```
#311824
```
#311824 rgb(49,24,36)
```

Analogous Color

#183126
```
#183126 rgb(24,49,38)
```
#311830
```
#311830 rgb(49,24,48)
```
#243118
```
#243118 rgb(36,49,24)
```

Split Complementary Color

#183031
```
#183031 rgb(24,48,49)
```
#311830
```
#311830 rgb(49,24,48)
```
#303118
```
#303118 rgb(48,49,24)
```

Triadic Color

#191831
```
#191831 rgb(25,24,49)
```
#311830
```
#311830 rgb(49,24,48)
```
#303118
```
#303118 rgb(48,49,24)
```
#183119
```
#183119 rgb(24,49,25)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0f070e
```
#0f070e rgb(15,7,14)
```
#20101f
```
#20101f rgb(32,16,31)
```
#311830
```
#311830 rgb(49,24,48)
```
#422041
```
#422041 rgb(66,32,65)
```
#532952
```
#532952 rgb(83,41,82)
```
#643162
```
#643162 rgb(100,49,98)
```

Monochromatic Color

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

#2c1831
```
#2c1831 rgb(44,24,49)
```
#2e1831
```
#2e1831 rgb(46,24,49)
```
#301831
```
#301831 rgb(48,24,49)
```
#311830
```
#311830 rgb(49,24,48)
```
#31182e
```
#31182e rgb(49,24,46)
```
#31182c
```
#31182c rgb(49,24,44)
```
#31182a
```
#31182a rgb(49,24,42)
```

Similar Colors

Text with hexadecimal color #311830

This text has a font color of #311830.

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

#311830 background color

This paragraph has a background color of #311830.

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

#311830 border color

This element has a border color of #311830.

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

CSS codes

.text {color:#311830;}

.background {background-color:#311830;}

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

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, #0a0509 is the darkest color, while #fdfbfd is the lightest one.

#0a0509
```
#0a0509 rgb(10,5,9)
```
#170b16
```
#170b16 rgb(23,11,22)
```
#241223
```
#241223 rgb(36,18,35)
```
#311830
```
#311830 rgb(49,24,48)
```
#3e1e3d
```
#3e1e3d rgb(62,30,61)
```
#4b254a
```
#4b254a rgb(75,37,74)
```
#582b57
```
#582b57 rgb(88,43,87)
```
#663264
```
#663264 rgb(102,50,100)
```
#733870
```
#733870 rgb(115,56,112)
```
#803f7d
```
#803f7d rgb(128,63,125)
```
#8d458a
```
#8d458a rgb(141,69,138)
```
#9a4c97
```
#9a4c97 rgb(154,76,151)
```
#a752a4
```
#a752a4 rgb(167,82,164)
```

Shade Color Variation

#b05dad
```
#b05dad rgb(176,93,173)
```
#b66bb3
```
#b66bb3 rgb(182,107,179)
```
#bd78ba
```
#bd78ba rgb(189,120,186)
```
#c385c1
```
#c385c1 rgb(195,133,193)
```
#ca92c7
```
#ca92c7 rgb(202,146,199)
```
#d09fce
```
#d09fce rgb(208,159,206)
```
#d7acd5
```
#d7acd5 rgb(215,172,213)
```
#ddbadc
```
#ddbadc rgb(221,186,220)
```
#e3c7e2
```
#e3c7e2 rgb(227,199,226)
```
#ead4e9
```
#ead4e9 rgb(234,212,233)
```
#f0e1f0
```
#f0e1f0 rgb(240,225,240)
```
#f7eef6
```
#f7eef6 rgb(247,238,246)
```
#fdfbfd
```
#fdfbfd rgb(253,251,253)
```

Tint Color Variation

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

#262326
```
#262326 rgb(38,35,38)
```
#292028
```
#292028 rgb(41,32,40)
```
#2b1e2b
```
#2b1e2b rgb(43,30,43)
```
#2e1b2d
```
#2e1b2d rgb(46,27,45)
```
#311830
```
#311830 rgb(49,24,48)
```
#341533
```
#341533 rgb(52,21,51)
```
#371235
```
#371235 rgb(55,18,53)
```
#391038
```
#391038 rgb(57,16,56)
```
#3c0d3a
```
#3c0d3a rgb(60,13,58)
```
#3f0a3d
```
#3f0a3d rgb(63,10,61)
```
#42073f
```
#42073f rgb(66,7,63)
```
#450442
```
#450442 rgb(69,4,66)
```
#470245
```
#470245 rgb(71,2,69)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#252025 Atypical Achromatopsia 0.001% of the population

Dichromacy

#252b40 Protanopia 1% of men
#292b38 Deuteranopia 1% of men
#39272a Tritanopia 0.001% of the population

Trichromacy

#29243a Protanomaly 1% of men, 0.01% of women
#2c2435 Deuteranomaly 6% of men, 0.4% of women
#36222c Tritanomaly 0.01% of the population

#311830 hex color

#311830 Color Information

#311830 Color Conversion

Color Schemes with #311830

Alternatives to #311830

#311830 Preview

Shades and Tints of #311830

Tones of #311830

Color Blindness Simulator