#312857 hex color

In a RGB color space, hex #312857 is composed of 19.2% red, 15.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 54% magenta, 0% yellow and 65.9% black. It has a hue angle of 251.5 degrees, a saturation of 37% and a lightness of 24.9%. #312857 color hex could be obtained by blending #6250ae with #000000. Closest websafe color is: #333366.

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

● #312857 color description : Very dark desaturated blue.

The hexadecimal color #312857 has RGB values of R:49, G:40, B:87 and CMYK values of C:0.44, M:0.54, Y:0, K:0.66. Its decimal value is 3221591.

Hex triplet	312857	`#312857`
RGB Decimal	49, 40, 87	`rgb(49,40,87)`
RGB Percent	19.2, 15.7, 34.1	`rgb(19.2%,15.7%,34.1%)`
CMYK	44, 54, 0, 66
HSL	251.5°, 37, 24.9	`hsl(251.5,37%,24.9%)`
HSV (or HSB)	251.5°, 54, 34.1
Web Safe	333366	`#333366`

CIE-LAB	19.469, 17.265, -27.149
XYZ	3.745, 2.859, 9.371
xyY	0.234, 0.179, 2.859
CIE-LCH	19.469, 32.174, 302.454
CIE-LUV	19.469, 0.663, -31.407
Hunter-Lab	16.907, 9.954, -21.026
Binary	00110001, 00101000, 01010111

#312857
```
#312857 rgb(49,40,87)
```
#4e5728
```
#4e5728 rgb(78,87,40)
```

Complementary Color

#283757
```
#283757 rgb(40,55,87)
```
#312857
```
#312857 rgb(49,40,87)
```
#492857
```
#492857 rgb(73,40,87)
```

Analogous Color

#375728
```
#375728 rgb(55,87,40)
```
#312857
```
#312857 rgb(49,40,87)
```
#574928
```
#574928 rgb(87,73,40)
```

Split Complementary Color

#285731
```
#285731 rgb(40,87,49)
```
#312857
```
#312857 rgb(49,40,87)
```
#573128
```
#573128 rgb(87,49,40)
```

Triadic Color

#284e57
```
#284e57 rgb(40,78,87)
```
#312857
```
#312857 rgb(49,40,87)
```
#573128
```
#573128 rgb(87,49,40)
```
#4e5728
```
#4e5728 rgb(78,87,40)
```

Tetradic Color

#131023
```
#131023 rgb(19,16,35)
```
#1d1834
```
#1d1834 rgb(29,24,52)
```
#272046
```
#272046 rgb(39,32,70)
```
#312857
```
#312857 rgb(49,40,87)
```
#3b3068
```
#3b3068 rgb(59,48,104)
```
#45387a
```
#45387a rgb(69,56,122)
```
#4f408b
```
#4f408b rgb(79,64,139)
```

Monochromatic Color

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

#282b57
```
#282b57 rgb(40,43,87)
```
#292857
```
#292857 rgb(41,40,87)
```
#2d2857
```
#2d2857 rgb(45,40,87)
```
#312857
```
#312857 rgb(49,40,87)
```
#352857
```
#352857 rgb(53,40,87)
```
#392857
```
#392857 rgb(57,40,87)
```
#3d2857
```
#3d2857 rgb(61,40,87)
```

Similar Colors

Text with hexadecimal color #312857

This text has a font color of #312857.

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

#312857 background color

This paragraph has a background color of #312857.

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

#312857 border color

This element has a border color of #312857.

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

CSS codes

.text {color:#312857;}

.background {background-color:#312857;}

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

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

#040306
```
#040306 rgb(4,3,6)
```
#0b0914
```
#0b0914 rgb(11,9,20)
```
#130f21
```
#130f21 rgb(19,15,33)
```
#1a152f
```
#1a152f rgb(26,21,47)
```
#221c3c
```
#221c3c rgb(34,28,60)
```
#29224a
```
#29224a rgb(41,34,74)
```
#312857
```
#312857 rgb(49,40,87)
```
#392e64
```
#392e64 rgb(57,46,100)
```
#403472
```
#403472 rgb(64,52,114)
```
#483b7f
```
#483b7f rgb(72,59,127)
```
#4f418d
```
#4f418d rgb(79,65,141)
```
#57479a
```
#57479a rgb(87,71,154)
```
#5e4da8
```
#5e4da8 rgb(94,77,168)
```

Shade Color Variation

#6857b2
```
#6857b2 rgb(104,87,178)
```
#7464b8
```
#7464b8 rgb(116,100,184)
```
#8072be
```
#8072be rgb(128,114,190)
```
#8c7fc4
```
#8c7fc4 rgb(140,127,196)
```
#988cca
```
#988cca rgb(152,140,202)
```
#a49ad1
```
#a49ad1 rgb(164,154,209)
```
#b0a7d7
```
#b0a7d7 rgb(176,167,215)
```
#bcb5dd
```
#bcb5dd rgb(188,181,221)
```
#c8c2e3
```
#c8c2e3 rgb(200,194,227)
```
#d5d0e9
```
#d5d0e9 rgb(213,208,233)
```
#e1ddef
```
#e1ddef rgb(225,221,239)
```
#edebf6
```
#edebf6 rgb(237,235,246)
```
#f9f8fc
```
#f9f8fc rgb(249,248,252)
```

Tint Color Variation

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

#3d3c43
```
#3d3c43 rgb(61,60,67)
```
#3a3748
```
#3a3748 rgb(58,55,72)
```
#37324d
```
#37324d rgb(55,50,77)
```
#342d52
```
#342d52 rgb(52,45,82)
```
#312857
```
#312857 rgb(49,40,87)
```
#2e235c
```
#2e235c rgb(46,35,92)
```
#2b1e61
```
#2b1e61 rgb(43,30,97)
```
#281966
```
#281966 rgb(40,25,102)
```
#25146b
```
#25146b rgb(37,20,107)
```
#22106f
```
#22106f rgb(34,16,111)
```
#1f0b74
```
#1f0b74 rgb(31,11,116)
```
#1c0679
```
#1c0679 rgb(28,6,121)
```
#19017e
```
#19017e rgb(25,1,126)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#302e38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#213864 Protanopia 1% of men
#1e3a5c Deuteranopia 1% of men
#323b3f Tritanopia 0.001% of the population

Trichromacy

#27325f Protanomaly 1% of men, 0.01% of women
#25335a Deuteranomaly 6% of men, 0.4% of women
#313448 Tritanomaly 0.01% of the population

#312857 hex color

#312857 Color Information

#312857 Color Conversion

Color Schemes with #312857

Alternatives to #312857

#312857 Preview

Shades and Tints of #312857

Tones of #312857

Color Blindness Simulator