#312232 hex color

In a RGB color space, hex #312232 is composed of 19.2% red, 13.3% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 32% magenta, 0% yellow and 80.4% black. It has a hue angle of 296.3 degrees, a saturation of 19% and a lightness of 16.5%. #312232 color hex could be obtained by blending #624464 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 20
RGB color chart
- C 2
- M 32
- Y 0
- K 80
CMYK color chart

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

The hexadecimal color #312232 has RGB values of R:49, G:34, B:50 and CMYK values of C:0.02, M:0.32, Y:0, K:0.8. Its decimal value is 3220018.

Hex triplet	312232	`#312232`
RGB Decimal	49, 34, 50	`rgb(49,34,50)`
RGB Percent	19.2, 13.3, 19.6	`rgb(19.2%,13.3%,19.6%)`
CMYK	2, 32, 0, 80
HSL	296.3°, 19, 16.5	`hsl(296.3,19%,16.5%)`
HSV (or HSB)	296.3°, 32, 19.6
Web Safe	333333	`#333333`

CIE-LAB	15.63, 10.641, -7.705
XYZ	2.414, 2.027, 3.282
xyY	0.313, 0.263, 2.027
CIE-LCH	15.63, 13.138, 324.092
CIE-LUV	15.63, 5.788, -8.273
Hunter-Lab	14.239, 5.349, -3.698
Binary	00110001, 00100010, 00110010

#312232
```
#312232 rgb(49,34,50)
```
#233222
```
#233222 rgb(35,50,34)
```

Complementary Color

#292232
```
#292232 rgb(41,34,50)
```
#312232
```
#312232 rgb(49,34,50)
```
#32222b
```
#32222b rgb(50,34,43)
```

Analogous Color

#223229
```
#223229 rgb(34,50,41)
```
#312232
```
#312232 rgb(49,34,50)
```
#2b3222
```
#2b3222 rgb(43,50,34)
```

Split Complementary Color

#223231
```
#223231 rgb(34,50,49)
```
#312232
```
#312232 rgb(49,34,50)
```
#323122
```
#323122 rgb(50,49,34)
```

Triadic Color

#222332
```
#222332 rgb(34,35,50)
```
#312232
```
#312232 rgb(49,34,50)
```
#323122
```
#323122 rgb(50,49,34)
```
#233222
```
#233222 rgb(35,50,34)
```

Tetradic Color

#040304
```
#040304 rgb(4,3,4)
```
#130d14
```
#130d14 rgb(19,13,20)
```
#221823
```
#221823 rgb(34,24,35)
```
#312232
```
#312232 rgb(49,34,50)
```
#402c41
```
#402c41 rgb(64,44,65)
```
#4f3750
```
#4f3750 rgb(79,55,80)
```
#5e4160
```
#5e4160 rgb(94,65,96)
```

Monochromatic Color

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

#2d2232
```
#2d2232 rgb(45,34,50)
```
#2e2232
```
#2e2232 rgb(46,34,50)
```
#302232
```
#302232 rgb(48,34,50)
```
#312232
```
#312232 rgb(49,34,50)
```
#322232
```
#322232 rgb(50,34,50)
```
#322230
```
#322230 rgb(50,34,48)
```
#32222f
```
#32222f rgb(50,34,47)
```

Similar Colors

Text with hexadecimal color #312232

This text has a font color of #312232.

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

#312232 background color

This paragraph has a background color of #312232.

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

#312232 border color

This element has a border color of #312232.

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

CSS codes

.text {color:#312232;}

.background {background-color:#312232;}

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

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 #f9f7f9 is the lightest one.

#030203
```
#030203 rgb(3,2,3)
```
#0f0a0f
```
#0f0a0f rgb(15,10,15)
```
#1a121b
```
#1a121b rgb(26,18,27)
```
#261a26
```
#261a26 rgb(38,26,38)
```
#312232
```
#312232 rgb(49,34,50)
```
#3c2a3e
```
#3c2a3e rgb(60,42,62)
```
#483249
```
#483249 rgb(72,50,73)
```
#533a55
```
#533a55 rgb(83,58,85)
```
#5f4261
```
#5f4261 rgb(95,66,97)
```
#6a4a6c
```
#6a4a6c rgb(106,74,108)
```
#765278
```
#765278 rgb(118,82,120)
```
#815a84
```
#815a84 rgb(129,90,132)
```
#8d628f
```
#8d628f rgb(141,98,143)
```

Shade Color Variation

#976b9a
```
#976b9a rgb(151,107,154)
```
#9f76a2
```
#9f76a2 rgb(159,118,162)
```
#a782aa
```
#a782aa rgb(167,130,170)
```
#b08eb2
```
#b08eb2 rgb(176,142,178)
```
#b899ba
```
#b899ba rgb(184,153,186)
```
#c0a5c2
```
#c0a5c2 rgb(192,165,194)
```
#c8b1ca
```
#c8b1ca rgb(200,177,202)
```
#d0bcd2
```
#d0bcd2 rgb(208,188,210)
```
#d8c8da
```
#d8c8da rgb(216,200,218)
```
#e1d4e1
```
#e1d4e1 rgb(225,212,225)
```
#e9dfe9
```
#e9dfe9 rgb(233,223,233)
```
#f1ebf1
```
#f1ebf1 rgb(241,235,241)
```
#f9f7f9
```
#f9f7f9 rgb(249,247,249)
```

Tint Color Variation

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

#2b282c
```
#2b282c rgb(43,40,44)
```
#2e252f
```
#2e252f rgb(46,37,47)
```
#312232
```
#312232 rgb(49,34,50)
```
#341f35
```
#341f35 rgb(52,31,53)
```
#371c38
```
#371c38 rgb(55,28,56)
```
#39183c
```
#39183c rgb(57,24,60)
```
#3c153f
```
#3c153f rgb(60,21,63)
```
#3f1242
```
#3f1242 rgb(63,18,66)
```
#420f45
```
#420f45 rgb(66,15,69)
```
#450b49
```
#450b49 rgb(69,11,73)
```
#48084c
```
#48084c rgb(72,8,76)
```
#4a054f
```
#4a054f rgb(74,5,79)
```
#4d0252
```
#4d0252 rgb(77,2,82)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2a272a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e313f Protanopia 1% of men
#32313b Deuteranopia 1% of men
#3a2f32 Tritanopia 0.001% of the population

Trichromacy

#2f2c3a Protanomaly 1% of men, 0.01% of women
#312b38 Deuteranomaly 6% of men, 0.4% of women
#362a32 Tritanomaly 0.01% of the population

#312232 hex color

#312232 Color Information

#312232 Color Conversion

Color Schemes with #312232

Alternatives to #312232

#312232 Preview

Shades and Tints of #312232

Tones of #312232

Color Blindness Simulator