#312246 hex color

In a RGB color space, hex #312246 is composed of 19.2% red, 13.3% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 51.4% magenta, 0% yellow and 72.5% black. It has a hue angle of 265 degrees, a saturation of 34.6% and a lightness of 20.4%. #312246 color hex could be obtained by blending #62448c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 27
RGB color chart
- C 30
- M 51
- Y 0
- K 73
CMYK color chart

● #312246 color description : Very dark desaturated violet.

The hexadecimal color #312246 has RGB values of R:49, G:34, B:70 and CMYK values of C:0.3, M:0.51, Y:0, K:0.73. Its decimal value is 3220038.

Hex triplet	312246	`#312246`
RGB Decimal	49, 34, 70	`rgb(49,34,70)`
RGB Percent	19.2, 13.3, 27.5	`rgb(19.2%,13.3%,27.5%)`
CMYK	30, 51, 0, 73
HSL	265°, 34.6, 20.4	`hsl(265,34.6%,20.4%)`
HSV (or HSB)	265°, 51.4, 27.5
Web Safe	333333	`#333333`

CIE-LAB	16.696, 16.095, -20.035
XYZ	2.944, 2.239, 6.071
xyY	0.262, 0.199, 2.239
CIE-LCH	16.696, 25.699, 308.776
CIE-LUV	16.696, 3.746, -21.751
Hunter-Lab	14.964, 8.93, -13.58
Binary	00110001, 00100010, 01000110

#312246
```
#312246 rgb(49,34,70)
```
#374622
```
#374622 rgb(55,70,34)
```

Complementary Color

#222546
```
#222546 rgb(34,37,70)
```
#312246
```
#312246 rgb(49,34,70)
```
#432246
```
#432246 rgb(67,34,70)
```

Analogous Color

#254622
```
#254622 rgb(37,70,34)
```
#312246
```
#312246 rgb(49,34,70)
```
#464322
```
#464322 rgb(70,67,34)
```

Split Complementary Color

#224631
```
#224631 rgb(34,70,49)
```
#312246
```
#312246 rgb(49,34,70)
```
#463122
```
#463122 rgb(70,49,34)
```

Triadic Color

#223746
```
#223746 rgb(34,55,70)
```
#312246
```
#312246 rgb(49,34,70)
```
#463122
```
#463122 rgb(70,49,34)
```
#374622
```
#374622 rgb(55,70,34)
```

Tetradic Color

#0d0913
```
#0d0913 rgb(13,9,19)
```
#191124
```
#191124 rgb(25,17,36)
```
#251a35
```
#251a35 rgb(37,26,53)
```
#312246
```
#312246 rgb(49,34,70)
```
#3d2a57
```
#3d2a57 rgb(61,42,87)
```
#493368
```
#493368 rgb(73,51,104)
```
#553b79
```
#553b79 rgb(85,59,121)
```

Monochromatic Color

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

#282246
```
#282246 rgb(40,34,70)
```
#2b2246
```
#2b2246 rgb(43,34,70)
```
#2e2246
```
#2e2246 rgb(46,34,70)
```
#312246
```
#312246 rgb(49,34,70)
```
#342246
```
#342246 rgb(52,34,70)
```
#372246
```
#372246 rgb(55,34,70)
```
#3a2246
```
#3a2246 rgb(58,34,70)
```

Similar Colors

Text with hexadecimal color #312246

This text has a font color of #312246.

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

#312246 background color

This paragraph has a background color of #312246.

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

#312246 border color

This element has a border color of #312246.

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

CSS codes

.text {color:#312246;}

.background {background-color:#312246;}

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0c0811
```
#0c0811 rgb(12,8,17)
```
#150f1e
```
#150f1e rgb(21,15,30)
```
#1f152c
```
#1f152c rgb(31,21,44)
```
#281c39
```
#281c39 rgb(40,28,57)
```
#312246
```
#312246 rgb(49,34,70)
```
#3a2853
```
#3a2853 rgb(58,40,83)
```
#432f60
```
#432f60 rgb(67,47,96)
```
#4d356e
```
#4d356e rgb(77,53,110)
```
#563c7b
```
#563c7b rgb(86,60,123)
```
#5f4288
```
#5f4288 rgb(95,66,136)
```
#684895
```
#684895 rgb(104,72,149)
```
#724fa2
```
#724fa2 rgb(114,79,162)
```

Shade Color Variation

#7b57ae
```
#7b57ae rgb(123,87,174)
```
#8665b4
```
#8665b4 rgb(134,101,180)
```
#9072ba
```
#9072ba rgb(144,114,186)
```
#9a7fc1
```
#9a7fc1 rgb(154,127,193)
```
#a58cc7
```
#a58cc7 rgb(165,140,199)
```
#af99ce
```
#af99ce rgb(175,153,206)
```
#baa7d4
```
#baa7d4 rgb(186,167,212)
```
#c4b4da
```
#c4b4da rgb(196,180,218)
```
#cec1e1
```
#cec1e1 rgb(206,193,225)
```
#d9cee7
```
#d9cee7 rgb(217,206,231)
```
#e3dbee
```
#e3dbee rgb(227,219,238)
```
#ede9f4
```
#ede9f4 rgb(237,233,244)
```
#f8f6fb
```
#f8f6fb rgb(248,246,251)
```

Tint Color Variation

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

#343236
```
#343236 rgb(52,50,54)
```
#332e3a
```
#332e3a rgb(51,46,58)
```
#322a3e
```
#322a3e rgb(50,42,62)
```
#322642
```
#322642 rgb(50,38,66)
```
#312246
```
#312246 rgb(49,34,70)
```
#301e4a
```
#301e4a rgb(48,30,74)
```
#301a4e
```
#301a4e rgb(48,26,78)
```
#2f1652
```
#2f1652 rgb(47,22,82)
```
#2e1256
```
#2e1256 rgb(46,18,86)
```
#2e0e5a
```
#2e0e5a rgb(46,14,90)
```
#2d0a5e
```
#2d0a5e rgb(45,10,94)
```
#2c0662
```
#2c0662 rgb(44,6,98)
```
#2c0266
```
#2c0266 rgb(44,2,102)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2930 Atypical Achromatopsia 0.001% of the population

Dichromacy

#253354 Protanopia 1% of men
#26344d Deuteranopia 1% of men
#363337 Tritanopia 0.001% of the population

Trichromacy

#292d4f Protanomaly 1% of men, 0.01% of women
#2a2d4a Deuteranomaly 6% of men, 0.4% of women
#342d3c Tritanomaly 0.01% of the population

#312246 hex color

#312246 Color Information

#312246 Color Conversion

Color Schemes with #312246

Alternatives to #312246

#312246 Preview

Shades and Tints of #312246

Tones of #312246

Color Blindness Simulator