#312947 hex color

In a RGB color space, hex #312947 is composed of 19.2% red, 16.1% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 42.3% magenta, 0% yellow and 72.2% black. It has a hue angle of 256 degrees, a saturation of 26.8% and a lightness of 22%. #312947 color hex could be obtained by blending #62528e with #000000. Closest websafe color is: #333333.

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

● #312947 color description : Very dark desaturated violet.

The hexadecimal color #312947 has RGB values of R:49, G:41, B:71 and CMYK values of C:0.31, M:0.42, Y:0, K:0.72. Its decimal value is 3221831.

Hex triplet	312947	`#312947`
RGB Decimal	49, 41, 71	`rgb(49,41,71)`
RGB Percent	19.2, 16.1, 27.8	`rgb(19.2%,16.1%,27.8%)`
CMYK	31, 42, 0, 72
HSL	256°, 26.8, 22	`hsl(256,26.8%,22%)`
HSV (or HSB)	256°, 42.3, 27.8
Web Safe	333333	`#333333`

CIE-LAB	18.773, 11.511, -17.452
XYZ	3.197, 2.694, 6.312
xyY	0.262, 0.221, 2.694
CIE-LCH	18.773, 20.907, 303.407
CIE-LUV	18.773, 1.615, -19.691
Hunter-Lab	16.413, 6.044, -11.314
Binary	00110001, 00101001, 01000111

#312947
```
#312947 rgb(49,41,71)
```
#3f4729
```
#3f4729 rgb(63,71,41)
```

Complementary Color

#293047
```
#293047 rgb(41,48,71)
```
#312947
```
#312947 rgb(49,41,71)
```
#402947
```
#402947 rgb(64,41,71)
```

Analogous Color

#304729
```
#304729 rgb(48,71,41)
```
#312947
```
#312947 rgb(49,41,71)
```
#474029
```
#474029 rgb(71,64,41)
```

Split Complementary Color

#294731
```
#294731 rgb(41,71,49)
```
#312947
```
#312947 rgb(49,41,71)
```
#473129
```
#473129 rgb(71,49,41)
```

Triadic Color

#293f47
```
#293f47 rgb(41,63,71)
```
#312947
```
#312947 rgb(49,41,71)
```
#473129
```
#473129 rgb(71,49,41)
```
#3f4729
```
#3f4729 rgb(63,71,41)
```

Tetradic Color

#100d17
```
#100d17 rgb(16,13,23)
```
#1b1627
```
#1b1627 rgb(27,22,39)
```
#262037
```
#262037 rgb(38,32,55)
```
#312947
```
#312947 rgb(49,41,71)
```
#3c3257
```
#3c3257 rgb(60,50,87)
```
#473c67
```
#473c67 rgb(71,60,103)
```
#524577
```
#524577 rgb(82,69,119)
```

Monochromatic Color

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

#2a2947
```
#2a2947 rgb(42,41,71)
```
#2c2947
```
#2c2947 rgb(44,41,71)
```
#2f2947
```
#2f2947 rgb(47,41,71)
```
#312947
```
#312947 rgb(49,41,71)
```
#342947
```
#342947 rgb(52,41,71)
```
#362947
```
#362947 rgb(54,41,71)
```
#392947
```
#392947 rgb(57,41,71)
```

Similar Colors

Text with hexadecimal color #312947

This text has a font color of #312947.

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

#312947 background color

This paragraph has a background color of #312947.

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

#312947 border color

This element has a border color of #312947.

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

CSS codes

.text {color:#312947;}

.background {background-color:#312947;}

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

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

#060509
```
#060509 rgb(6,5,9)
```
#0f0c15
```
#0f0c15 rgb(15,12,21)
```
#171322
```
#171322 rgb(23,19,34)
```
#201b2e
```
#201b2e rgb(32,27,46)
```
#28223b
```
#28223b rgb(40,34,59)
```
#312947
```
#312947 rgb(49,41,71)
```
#3a3053
```
#3a3053 rgb(58,48,83)
```
#423760
```
#423760 rgb(66,55,96)
```
#4b3f6c
```
#4b3f6c rgb(75,63,108)
```
#534679
```
#534679 rgb(83,70,121)
```
#5c4d85
```
#5c4d85 rgb(92,77,133)
```
#645492
```
#645492 rgb(100,84,146)
```
#6d5b9e
```
#6d5b9e rgb(109,91,158)
```

Shade Color Variation

#7766a7
```
#7766a7 rgb(119,102,167)
```
#8273ae
```
#8273ae rgb(130,115,174)
```
#8d7fb5
```
#8d7fb5 rgb(141,127,181)
```
#988bbc
```
#988bbc rgb(152,139,188)
```
#a498c3
```
#a498c3 rgb(164,152,195)
```
#afa4cb
```
#afa4cb rgb(175,164,203)
```
#bab1d2
```
#bab1d2 rgb(186,177,210)
```
#c5bdd9
```
#c5bdd9 rgb(197,189,217)
```
#d0cae0
```
#d0cae0 rgb(208,202,224)
```
#dbd6e7
```
#dbd6e7 rgb(219,214,231)
```
#e6e3ef
```
#e6e3ef rgb(230,227,239)
```
#f1eff6
```
#f1eff6 rgb(241,239,246)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#37363a
```
#37363a rgb(55,54,58)
```
#35323e
```
#35323e rgb(53,50,62)
```
#332d43
```
#332d43 rgb(51,45,67)
```
#312947
```
#312947 rgb(49,41,71)
```
#2f254b
```
#2f254b rgb(47,37,75)
```
#2d2050
```
#2d2050 rgb(45,32,80)
```
#2b1c54
```
#2b1c54 rgb(43,28,84)
```
#291858
```
#291858 rgb(41,24,88)
```
#27135d
```
#27135d rgb(39,19,93)
```
#250f61
```
#250f61 rgb(37,15,97)
```
#230b65
```
#230b65 rgb(35,11,101)
```
#210769
```
#210769 rgb(33,7,105)
```
#1f026e
```
#1f026e rgb(31,2,110)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f2e34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e3753 Protanopia 1% of men
#2e384f Deuteranopia 1% of men
#37383c Tritanopia 0.001% of the population

Trichromacy

#2f324e Protanomaly 1% of men, 0.01% of women
#2f324c Deuteranomaly 6% of men, 0.4% of women
#343240 Tritanomaly 0.01% of the population

#312947 hex color

#312947 Color Information

#312947 Color Conversion

Color Schemes with #312947

Alternatives to #312947

#312947 Preview

Shades and Tints of #312947

Tones of #312947

Color Blindness Simulator