#312247 hex color

In a RGB color space, hex #312247 is composed of 19.2% red, 13.3% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 52.1% magenta, 0% yellow and 72.2% black. It has a hue angle of 264.3 degrees, a saturation of 35.2% and a lightness of 20.6%. #312247 color hex could be obtained by blending #62448e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 28
RGB color chart
- C 31
- M 52
- Y 0
- K 72
CMYK color chart

● #312247 color description : Very dark desaturated violet.

The hexadecimal color #312247 has RGB values of R:49, G:34, B:71 and CMYK values of C:0.31, M:0.52, Y:0, K:0.72. Its decimal value is 3220039.

Hex triplet	312247	`#312247`
RGB Decimal	49, 34, 71	`rgb(49,34,71)`
RGB Percent	19.2, 13.3, 27.8	`rgb(19.2%,13.3%,27.8%)`
CMYK	31, 52, 0, 72
HSL	264.3°, 35.2, 20.6	`hsl(264.3,35.2%,20.6%)`
HSV (or HSB)	264.3°, 52.1, 27.8
Web Safe	333333	`#333333`

CIE-LAB	16.758, 16.392, -20.625
XYZ	2.976, 2.252, 6.239
xyY	0.26, 0.196, 2.252
CIE-LCH	16.758, 26.346, 308.476
CIE-LUV	16.758, 3.647, -22.431
Hunter-Lab	15.007, 9.135, -14.144
Binary	00110001, 00100010, 01000111

#312247
```
#312247 rgb(49,34,71)
```
#384722
```
#384722 rgb(56,71,34)
```

Complementary Color

#222647
```
#222647 rgb(34,38,71)
```
#312247
```
#312247 rgb(49,34,71)
```
#442247
```
#442247 rgb(68,34,71)
```

Analogous Color

#264722
```
#264722 rgb(38,71,34)
```
#312247
```
#312247 rgb(49,34,71)
```
#474422
```
#474422 rgb(71,68,34)
```

Split Complementary Color

#224731
```
#224731 rgb(34,71,49)
```
#312247
```
#312247 rgb(49,34,71)
```
#473122
```
#473122 rgb(71,49,34)
```

Triadic Color

#223847
```
#223847 rgb(34,56,71)
```
#312247
```
#312247 rgb(49,34,71)
```
#473122
```
#473122 rgb(71,49,34)
```
#384722
```
#384722 rgb(56,71,34)
```

Tetradic Color

#0d0913
```
#0d0913 rgb(13,9,19)
```
#191125
```
#191125 rgb(25,17,37)
```
#251a36
```
#251a36 rgb(37,26,54)
```
#312247
```
#312247 rgb(49,34,71)
```
#3d2a58
```
#3d2a58 rgb(61,42,88)
```
#493369
```
#493369 rgb(73,51,105)
```
#553b7b
```
#553b7b rgb(85,59,123)
```

Monochromatic Color

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

#282247
```
#282247 rgb(40,34,71)
```
#2b2247
```
#2b2247 rgb(43,34,71)
```
#2e2247
```
#2e2247 rgb(46,34,71)
```
#312247
```
#312247 rgb(49,34,71)
```
#342247
```
#342247 rgb(52,34,71)
```
#372247
```
#372247 rgb(55,34,71)
```
#3a2247
```
#3a2247 rgb(58,34,71)
```

Similar Colors

Text with hexadecimal color #312247

This text has a font color of #312247.

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

#312247 background color

This paragraph has a background color of #312247.

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

#312247 border color

This element has a border color of #312247.

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

CSS codes

.text {color:#312247;}

.background {background-color:#312247;}

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0c0912
```
#0c0912 rgb(12,9,18)
```
#160f1f
```
#160f1f rgb(22,15,31)
```
#1f152c
```
#1f152c rgb(31,21,44)
```
#281c3a
```
#281c3a rgb(40,28,58)
```
#312247
```
#312247 rgb(49,34,71)
```
#3a2854
```
#3a2854 rgb(58,40,84)
```
#432f62
```
#432f62 rgb(67,47,98)
```
#4c356f
```
#4c356f rgb(76,53,111)
```
#563b7c
```
#563b7c rgb(86,59,124)
```
#5f4289
```
#5f4289 rgb(95,66,137)
```
#684897
```
#684897 rgb(104,72,151)
```
#714ea4
```
#714ea4 rgb(113,78,164)
```

Shade Color Variation

#7b57af
```
#7b57af rgb(123,87,175)
```
#8565b5
```
#8565b5 rgb(133,101,181)
```
#9072bb
```
#9072bb rgb(144,114,187)
```
#9a7fc2
```
#9a7fc2 rgb(154,127,194)
```
#a58cc8
```
#a58cc8 rgb(165,140,200)
```
#af9ace
```
#af9ace rgb(175,154,206)
```
#b9a7d5
```
#b9a7d5 rgb(185,167,213)
```
#c4b4db
```
#c4b4db rgb(196,180,219)
```
#cec1e1
```
#cec1e1 rgb(206,193,225)
```
#d9cfe8
```
#d9cfe8 rgb(217,207,232)
```
#e3dcee
```
#e3dcee rgb(227,220,238)
```
#eee9f5
```
#eee9f5 rgb(238,233,245)
```
#f8f6fb
```
#f8f6fb rgb(248,246,251)
```

Tint Color Variation

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

#343237
```
#343237 rgb(52,50,55)
```
#332e3b
```
#332e3b rgb(51,46,59)
```
#332a3f
```
#332a3f rgb(51,42,63)
```
#322643
```
#322643 rgb(50,38,67)
```
#312247
```
#312247 rgb(49,34,71)
```
#301e4b
```
#301e4b rgb(48,30,75)
```
#2f1a4f
```
#2f1a4f rgb(47,26,79)
```
#2f1653
```
#2f1653 rgb(47,22,83)
```
#2e1257
```
#2e1257 rgb(46,18,87)
```
#2d0e5b
```
#2d0e5b rgb(45,14,91)
```
#2c0a5f
```
#2c0a5f rgb(44,10,95)
```
#2c0663
```
#2c0663 rgb(44,6,99)
```
#2b0267
```
#2b0267 rgb(43,2,103)
```

Tone Color Variation

Below, you can see how #312247 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
#2c2931 Atypical Achromatopsia 0.001% of the population

Dichromacy

#243355 Protanopia 1% of men
#26344e Deuteranopia 1% of men
#363337 Tritanopia 0.001% of the population

Trichromacy

#292d50 Protanomaly 1% of men, 0.01% of women
#2a2d4b Deuteranomaly 6% of men, 0.4% of women
#342d3d Tritanomaly 0.01% of the population

#312247 hex color

#312247 Color Information

#312247 Color Conversion

Color Schemes with #312247

Alternatives to #312247

#312247 Preview

Shades and Tints of #312247

Tones of #312247

Color Blindness Simulator