#312457 hex color

In a RGB color space, hex #312457 is composed of 19.2% red, 14.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 58.6% magenta, 0% yellow and 65.9% black. It has a hue angle of 255.3 degrees, a saturation of 41.5% and a lightness of 24.1%. #312457 color hex could be obtained by blending #6248ae with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 14
- B 34
RGB color chart
- C 44
- M 59
- Y 0
- K 66
CMYK color chart

● #312457 color description : Very dark desaturated violet.

The hexadecimal color #312457 has RGB values of R:49, G:36, B:87 and CMYK values of C:0.44, M:0.59, Y:0, K:0.66. Its decimal value is 3220567.

Hex triplet	312457	`#312457`
RGB Decimal	49, 36, 87	`rgb(49,36,87)`
RGB Percent	19.2, 14.1, 34.1	`rgb(19.2%,14.1%,34.1%)`
CMYK	44, 59, 0, 66
HSL	255.3°, 41.5, 24.1	`hsl(255.3,41.5%,24.1%)`
HSV (or HSB)	255.3°, 58.6, 34.1
Web Safe	333366	`#333366`

CIE-LAB	18.377, 20.009, -28.896
XYZ	3.617, 2.603, 9.328
xyY	0.233, 0.167, 2.603
CIE-LCH	18.377, 35.148, 304.701
CIE-LUV	18.377, 1.67, -32.668
Hunter-Lab	16.133, 11.791, -22.988
Binary	00110001, 00100100, 01010111

#312457
```
#312457 rgb(49,36,87)
```
#4a5724
```
#4a5724 rgb(74,87,36)
```

Complementary Color

#243157
```
#243157 rgb(36,49,87)
```
#312457
```
#312457 rgb(49,36,87)
```
#4b2457
```
#4b2457 rgb(75,36,87)
```

Analogous Color

#315724
```
#315724 rgb(49,87,36)
```
#312457
```
#312457 rgb(49,36,87)
```
#574b24
```
#574b24 rgb(87,75,36)
```

Split Complementary Color

#245731
```
#245731 rgb(36,87,49)
```
#312457
```
#312457 rgb(49,36,87)
```
#573124
```
#573124 rgb(87,49,36)
```

Triadic Color

#244a57
```
#244a57 rgb(36,74,87)
```
#312457
```
#312457 rgb(49,36,87)
```
#573124
```
#573124 rgb(87,49,36)
```
#4a5724
```
#4a5724 rgb(74,87,36)
```

Tetradic Color

#130e21
```
#130e21 rgb(19,14,33)
```
#1d1533
```
#1d1533 rgb(29,21,51)
```
#271d45
```
#271d45 rgb(39,29,69)
```
#312457
```
#312457 rgb(49,36,87)
```
#3b2b69
```
#3b2b69 rgb(59,43,105)
```
#45337b
```
#45337b rgb(69,51,123)
```
#4f3a8d
```
#4f3a8d rgb(79,58,141)
```

Monochromatic Color

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

#242457
```
#242457 rgb(36,36,87)
```
#292457
```
#292457 rgb(41,36,87)
```
#2d2457
```
#2d2457 rgb(45,36,87)
```
#312457
```
#312457 rgb(49,36,87)
```
#352457
```
#352457 rgb(53,36,87)
```
#3a2457
```
#3a2457 rgb(58,36,87)
```
#3e2457
```
#3e2457 rgb(62,36,87)
```

Similar Colors

Text with hexadecimal color #312457

This text has a font color of #312457.

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

#312457 background color

This paragraph has a background color of #312457.

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

#312457 border color

This element has a border color of #312457.

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

CSS codes

.text {color:#312457;}

.background {background-color:#312457;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#0a0712
```
#0a0712 rgb(10,7,18)
```
#120d20
```
#120d20 rgb(18,13,32)
```
#1a132d
```
#1a132d rgb(26,19,45)
```
#21193b
```
#21193b rgb(33,25,59)
```
#291e49
```
#291e49 rgb(41,30,73)
```
#312457
```
#312457 rgb(49,36,87)
```
#392a65
```
#392a65 rgb(57,42,101)
```
#412f73
```
#412f73 rgb(65,47,115)
```
#483581
```
#483581 rgb(72,53,129)
```
#503b8e
```
#503b8e rgb(80,59,142)
```
#58419c
```
#58419c rgb(88,65,156)
```
#6046aa
```
#6046aa rgb(96,70,170)
```

Shade Color Variation

#694eb6
```
#694eb6 rgb(105,78,182)
```
#755cbc
```
#755cbc rgb(117,92,188)
```
#806ac1
```
#806ac1 rgb(128,106,193)
```
#8c78c7
```
#8c78c7 rgb(140,120,199)
```
#9886cd
```
#9886cd rgb(152,134,205)
```
#a494d3
```
#a494d3 rgb(164,148,211)
```
#b0a2d8
```
#b0a2d8 rgb(176,162,216)
```
#bbb0de
```
#bbb0de rgb(187,176,222)
```
#c7bde4
```
#c7bde4 rgb(199,189,228)
```
#d3cbea
```
#d3cbea rgb(211,203,234)
```
#dfd9ef
```
#dfd9ef rgb(223,217,239)
```
#ebe7f5
```
#ebe7f5 rgb(235,231,245)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

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

#3d3c3f
```
#3d3c3f rgb(61,60,63)
```
#3a3744
```
#3a3744 rgb(58,55,68)
```
#383249
```
#383249 rgb(56,50,73)
```
#362d4e
```
#362d4e rgb(54,45,78)
```
#332952
```
#332952 rgb(51,41,82)
```
#312457
```
#312457 rgb(49,36,87)
```
#2f1f5c
```
#2f1f5c rgb(47,31,92)
```
#2c1b60
```
#2c1b60 rgb(44,27,96)
```
#2a1665
```
#2a1665 rgb(42,22,101)
```
#28116a
```
#28116a rgb(40,17,106)
```
#250c6f
```
#250c6f rgb(37,12,111)
```
#230873
```
#230873 rgb(35,8,115)
```
#210378
```
#210378 rgb(33,3,120)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2c36 Atypical Achromatopsia 0.001% of the population

Dichromacy

#173665 Protanopia 1% of men
#15385c Deuteranopia 1% of men
#31383c Tritanopia 0.001% of the population

Trichromacy

#202f60 Protanomaly 1% of men, 0.01% of women
#1f315a Deuteranomaly 6% of men, 0.4% of women
#313146 Tritanomaly 0.01% of the population

#312457 hex color

#312457 Color Information

#312457 Color Conversion

Color Schemes with #312457

Alternatives to #312457

#312457 Preview

Shades and Tints of #312457

Tones of #312457

Color Blindness Simulator