#312557 hex color

In a RGB color space, hex #312557 is composed of 19.2% red, 14.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 57.5% magenta, 0% yellow and 65.9% black. It has a hue angle of 254.4 degrees, a saturation of 40.3% and a lightness of 24.3%. #312557 color hex could be obtained by blending #624aae with #000000. Closest websafe color is: #333366.

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

● #312557 color description : Very dark desaturated blue.

The hexadecimal color #312557 has RGB values of R:49, G:37, B:87 and CMYK values of C:0.44, M:0.57, Y:0, K:0.66. Its decimal value is 3220823.

Hex triplet	312557	`#312557`
RGB Decimal	49, 37, 87	`rgb(49,37,87)`
RGB Percent	19.2, 14.5, 34.1	`rgb(19.2%,14.5%,34.1%)`
CMYK	44, 57, 0, 66
HSL	254.4°, 40.3, 24.3	`hsl(254.4,40.3%,24.3%)`
HSV (or HSB)	254.4°, 57.5, 34.1
Web Safe	333366	`#333366`

CIE-LAB	18.645, 19.328, -28.466
XYZ	3.648, 2.664, 9.338
xyY	0.233, 0.17, 2.664
CIE-LCH	18.645, 34.408, 304.176
CIE-LUV	18.645, 1.429, -32.377
Hunter-Lab	16.322, 11.332, -22.495
Binary	00110001, 00100101, 01010111

#312557
```
#312557 rgb(49,37,87)
```
#4b5725
```
#4b5725 rgb(75,87,37)
```

Complementary Color

#253257
```
#253257 rgb(37,50,87)
```
#312557
```
#312557 rgb(49,37,87)
```
#4a2557
```
#4a2557 rgb(74,37,87)
```

Analogous Color

#325725
```
#325725 rgb(50,87,37)
```
#312557
```
#312557 rgb(49,37,87)
```
#574a25
```
#574a25 rgb(87,74,37)
```

Split Complementary Color

#255731
```
#255731 rgb(37,87,49)
```
#312557
```
#312557 rgb(49,37,87)
```
#573125
```
#573125 rgb(87,49,37)
```

Triadic Color

#254b57
```
#254b57 rgb(37,75,87)
```
#312557
```
#312557 rgb(49,37,87)
```
#573125
```
#573125 rgb(87,49,37)
```
#4b5725
```
#4b5725 rgb(75,87,37)
```

Tetradic Color

#130e21
```
#130e21 rgb(19,14,33)
```
#1d1633
```
#1d1633 rgb(29,22,51)
```
#271d45
```
#271d45 rgb(39,29,69)
```
#312557
```
#312557 rgb(49,37,87)
```
#3b2d69
```
#3b2d69 rgb(59,45,105)
```
#45347b
```
#45347b rgb(69,52,123)
```
#4f3c8d
```
#4f3c8d rgb(79,60,141)
```

Monochromatic Color

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

#252557
```
#252557 rgb(37,37,87)
```
#292557
```
#292557 rgb(41,37,87)
```
#2d2557
```
#2d2557 rgb(45,37,87)
```
#312557
```
#312557 rgb(49,37,87)
```
#352557
```
#352557 rgb(53,37,87)
```
#392557
```
#392557 rgb(57,37,87)
```
#3e2557
```
#3e2557 rgb(62,37,87)
```

Similar Colors

Text with hexadecimal color #312557

This text has a font color of #312557.

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

#312557 background color

This paragraph has a background color of #312557.

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

#312557 border color

This element has a border color of #312557.

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

CSS codes

.text {color:#312557;}

.background {background-color:#312557;}

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

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 #f7f6fb is the lightest one.

#020204
```
#020204 rgb(2,2,4)
```
#0a0812
```
#0a0812 rgb(10,8,18)
```
#120e20
```
#120e20 rgb(18,14,32)
```
#1a132e
```
#1a132e rgb(26,19,46)
```
#21193b
```
#21193b rgb(33,25,59)
```
#291f49
```
#291f49 rgb(41,31,73)
```
#312557
```
#312557 rgb(49,37,87)
```
#392b65
```
#392b65 rgb(57,43,101)
```
#413173
```
#413173 rgb(65,49,115)
```
#483780
```
#483780 rgb(72,55,128)
```
#503c8e
```
#503c8e rgb(80,60,142)
```
#58429c
```
#58429c rgb(88,66,156)
```
#6048aa
```
#6048aa rgb(96,72,170)
```

Shade Color Variation

#6951b5
```
#6951b5 rgb(105,81,181)
```
#745ebb
```
#745ebb rgb(116,94,187)
```
#806cc0
```
#806cc0 rgb(128,108,192)
```
#8c7ac6
```
#8c7ac6 rgb(140,122,198)
```
#9888cc
```
#9888cc rgb(152,136,204)
```
#a495d2
```
#a495d2 rgb(164,149,210)
```
#b0a3d8
```
#b0a3d8 rgb(176,163,216)
```
#bcb1de
```
#bcb1de rgb(188,177,222)
```
#c7bfe4
```
#c7bfe4 rgb(199,191,228)
```
#d3cce9
```
#d3cce9 rgb(211,204,233)
```
#dfdaef
```
#dfdaef rgb(223,218,239)
```
#ebe8f5
```
#ebe8f5 rgb(235,232,245)
```
#f7f6fb
```
#f7f6fb rgb(247,246,251)
```

Tint Color Variation

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

#3d3d3f
```
#3d3d3f rgb(61,61,63)
```
#3b3844
```
#3b3844 rgb(59,56,68)
```
#383349
```
#383349 rgb(56,51,73)
```
#362f4d
```
#362f4d rgb(54,47,77)
```
#332a52
```
#332a52 rgb(51,42,82)
```
#312557
```
#312557 rgb(49,37,87)
```
#2f205c
```
#2f205c rgb(47,32,92)
```
#2c1b61
```
#2c1b61 rgb(44,27,97)
```
#2a1765
```
#2a1765 rgb(42,23,101)
```
#27126a
```
#27126a rgb(39,18,106)
```
#250d6f
```
#250d6f rgb(37,13,111)
```
#220874
```
#220874 rgb(34,8,116)
```
#200478
```
#200478 rgb(32,4,120)
```

Tone Color Variation

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

#1a3665 Protanopia 1% of men
#18385c Deuteranopia 1% of men
#31393d Tritanopia 0.001% of the population

Trichromacy

#223060 Protanomaly 1% of men, 0.01% of women
#21315a Deuteranomaly 6% of men, 0.4% of women
#313246 Tritanomaly 0.01% of the population

#312557 hex color

#312557 Color Information

#312557 Color Conversion

Color Schemes with #312557

Alternatives to #312557

#312557 Preview

Shades and Tints of #312557

Tones of #312557

Color Blindness Simulator