#312149 hex color

In a RGB color space, hex #312149 is composed of 19.2% red, 12.9% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 54.8% magenta, 0% yellow and 71.4% black. It has a hue angle of 264 degrees, a saturation of 37.7% and a lightness of 20.8%. #312149 color hex could be obtained by blending #624292 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 29
RGB color chart
- C 33
- M 55
- Y 0
- K 71
CMYK color chart

● #312149 color description : Very dark desaturated violet.

The hexadecimal color #312149 has RGB values of R:49, G:33, B:73 and CMYK values of C:0.33, M:0.55, Y:0, K:0.71. Its decimal value is 3219785.

Hex triplet	312149	`#312149`
RGB Decimal	49, 33, 73	`rgb(49,33,73)`
RGB Percent	19.2, 12.9, 28.6	`rgb(19.2%,12.9%,28.6%)`
CMYK	33, 55, 0, 71
HSL	264°, 37.7, 20.8	`hsl(264,37.7%,20.8%)`
HSV (or HSB)	264°, 54.8, 28.6
Web Safe	333333	`#333333`

CIE-LAB	16.61, 17.679, -22.232
XYZ	3.013, 2.222, 6.573
xyY	0.255, 0.188, 2.222
CIE-LCH	16.61, 28.405, 308.491
CIE-LUV	16.61, 3.702, -24.107
Hunter-Lab	14.905, 9.996, -15.712
Binary	00110001, 00100001, 01001001

#312149
```
#312149 rgb(49,33,73)
```
#394921
```
#394921 rgb(57,73,33)
```

Complementary Color

#212549
```
#212549 rgb(33,37,73)
```
#312149
```
#312149 rgb(49,33,73)
```
#452149
```
#452149 rgb(69,33,73)
```

Analogous Color

#254921
```
#254921 rgb(37,73,33)
```
#312149
```
#312149 rgb(49,33,73)
```
#494521
```
#494521 rgb(73,69,33)
```

Split Complementary Color

#214931
```
#214931 rgb(33,73,49)
```
#312149
```
#312149 rgb(49,33,73)
```
#493121
```
#493121 rgb(73,49,33)
```

Triadic Color

#213949
```
#213949 rgb(33,57,73)
```
#312149
```
#312149 rgb(49,33,73)
```
#493121
```
#493121 rgb(73,49,33)
```
#394921
```
#394921 rgb(57,73,33)
```

Tetradic Color

#0e0914
```
#0e0914 rgb(14,9,20)
```
#191126
```
#191126 rgb(25,17,38)
```
#251937
```
#251937 rgb(37,25,55)
```
#312149
```
#312149 rgb(49,33,73)
```
#3d295b
```
#3d295b rgb(61,41,91)
```
#49316c
```
#49316c rgb(73,49,108)
```
#54397e
```
#54397e rgb(84,57,126)
```

Monochromatic Color

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

#272149
```
#272149 rgb(39,33,73)
```
#2a2149
```
#2a2149 rgb(42,33,73)
```
#2e2149
```
#2e2149 rgb(46,33,73)
```
#312149
```
#312149 rgb(49,33,73)
```
#342149
```
#342149 rgb(52,33,73)
```
#382149
```
#382149 rgb(56,33,73)
```
#3b2149
```
#3b2149 rgb(59,33,73)
```

Similar Colors

Text with hexadecimal color #312149

This text has a font color of #312149.

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

#312149 background color

This paragraph has a background color of #312149.

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

#312149 border color

This element has a border color of #312149.

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

CSS codes

.text {color:#312149;}

.background {background-color:#312149;}

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

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

#040205
```
#040205 rgb(4,2,5)
```
#0d0913
```
#0d0913 rgb(13,9,19)
```
#160f20
```
#160f20 rgb(22,15,32)
```
#1f152e
```
#1f152e rgb(31,21,46)
```
#281b3b
```
#281b3b rgb(40,27,59)
```
#312149
```
#312149 rgb(49,33,73)
```
#3a2757
```
#3a2757 rgb(58,39,87)
```
#432d64
```
#432d64 rgb(67,45,100)
```
#4c3372
```
#4c3372 rgb(76,51,114)
```
#55397f
```
#55397f rgb(85,57,127)
```
#5e408d
```
#5e408d rgb(94,64,141)
```
#67469a
```
#67469a rgb(103,70,154)
```
#704ca8
```
#704ca8 rgb(112,76,168)
```

Shade Color Variation

#7a55b2
```
#7a55b2 rgb(122,85,178)
```
#8562b8
```
#8562b8 rgb(133,98,184)
```
#8f70be
```
#8f70be rgb(143,112,190)
```
#9a7dc4
```
#9a7dc4 rgb(154,125,196)
```
#a48bcb
```
#a48bcb rgb(164,139,203)
```
#af98d1
```
#af98d1 rgb(175,152,209)
```
#b9a6d7
```
#b9a6d7 rgb(185,166,215)
```
#c4b3dd
```
#c4b3dd rgb(196,179,221)
```
#cfc1e3
```
#cfc1e3 rgb(207,193,227)
```
#d9cee9
```
#d9cee9 rgb(217,206,233)
```
#e4dcef
```
#e4dcef rgb(228,220,239)
```
#eee9f5
```
#eee9f5 rgb(238,233,245)
```
#f9f7fb
```
#f9f7fb rgb(249,247,251)
```

Tint Color Variation

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

#343139
```
#343139 rgb(52,49,57)
```
#332d3d
```
#332d3d rgb(51,45,61)
```
#332941
```
#332941 rgb(51,41,65)
```
#322545
```
#322545 rgb(50,37,69)
```
#312149
```
#312149 rgb(49,33,73)
```
#301d4d
```
#301d4d rgb(48,29,77)
```
#2f1951
```
#2f1951 rgb(47,25,81)
```
#2f1555
```
#2f1555 rgb(47,21,85)
```
#2e1159
```
#2e1159 rgb(46,17,89)
```
#2d0d5d
```
#2d0d5d rgb(45,13,93)
```
#2c0961
```
#2c0961 rgb(44,9,97)
```
#2b0466
```
#2b0466 rgb(43,4,102)
```
#2a006a
```
#2a006a rgb(42,0,106)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b2830 Atypical Achromatopsia 0.001% of the population

Dichromacy

#213357 Protanopia 1% of men
#23344f Deuteranopia 1% of men
#353337 Tritanopia 0.001% of the population

Trichromacy

#272c52 Protanomaly 1% of men, 0.01% of women
#282d4d Deuteranomaly 6% of men, 0.4% of women
#332c3d Tritanomaly 0.01% of the population

#312149 hex color

#312149 Color Information

#312149 Color Conversion

Color Schemes with #312149

Alternatives to #312149

#312149 Preview

Shades and Tints of #312149

Tones of #312149

Color Blindness Simulator