#312756 hex color

In a RGB color space, hex #312756 is composed of 19.2% red, 15.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 54.7% magenta, 0% yellow and 66.3% black. It has a hue angle of 252.8 degrees, a saturation of 37.6% and a lightness of 24.5%. #312756 color hex could be obtained by blending #624eac with #000000. Closest websafe color is: #333366.

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

● #312756 color description : Very dark desaturated blue.

The hexadecimal color #312756 has RGB values of R:49, G:39, B:86 and CMYK values of C:0.43, M:0.55, Y:0, K:0.66. Its decimal value is 3221334.

Hex triplet	312756	`#312756`
RGB Decimal	49, 39, 86	`rgb(49,39,86)`
RGB Percent	19.2, 15.3, 33.7	`rgb(19.2%,15.3%,33.7%)`
CMYK	43, 55, 0, 66
HSL	252.8°, 37.6, 24.5	`hsl(252.8,37.6%,24.5%)`
HSV (or HSB)	252.8°, 54.7, 33.7
Web Safe	333366	`#333366`

CIE-LAB	19.123, 17.629, -27.033
XYZ	3.672, 2.776, 9.146
xyY	0.235, 0.178, 2.776
CIE-LCH	19.123, 32.273, 303.11
CIE-LUV	19.123, 1.005, -31.054
Hunter-Lab	16.661, 10.179, -20.884
Binary	00110001, 00100111, 01010110

#312756
```
#312756 rgb(49,39,86)
```
#4c5627
```
#4c5627 rgb(76,86,39)
```

Complementary Color

#273556
```
#273556 rgb(39,53,86)
```
#312756
```
#312756 rgb(49,39,86)
```
#482756
```
#482756 rgb(72,39,86)
```

Analogous Color

#355627
```
#355627 rgb(53,86,39)
```
#312756
```
#312756 rgb(49,39,86)
```
#564927
```
#564927 rgb(86,73,39)
```

Split Complementary Color

#275631
```
#275631 rgb(39,86,49)
```
#312756
```
#312756 rgb(49,39,86)
```
#563127
```
#563127 rgb(86,49,39)
```

Triadic Color

#274c56
```
#274c56 rgb(39,76,86)
```
#312756
```
#312756 rgb(49,39,86)
```
#563127
```
#563127 rgb(86,49,39)
```
#4c5627
```
#4c5627 rgb(76,86,39)
```

Tetradic Color

#130f21
```
#130f21 rgb(19,15,33)
```
#1d1733
```
#1d1733 rgb(29,23,51)
```
#271f44
```
#271f44 rgb(39,31,68)
```
#312756
```
#312756 rgb(49,39,86)
```
#3b2f68
```
#3b2f68 rgb(59,47,104)
```
#453779
```
#453779 rgb(69,55,121)
```
#4f3f8b
```
#4f3f8b rgb(79,63,139)
```

Monochromatic Color

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

#272956
```
#272956 rgb(39,41,86)
```
#292756
```
#292756 rgb(41,39,86)
```
#2d2756
```
#2d2756 rgb(45,39,86)
```
#312756
```
#312756 rgb(49,39,86)
```
#352756
```
#352756 rgb(53,39,86)
```
#392756
```
#392756 rgb(57,39,86)
```
#3d2756
```
#3d2756 rgb(61,39,86)
```

Similar Colors

Text with hexadecimal color #312756

This text has a font color of #312756.

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

#312756 background color

This paragraph has a background color of #312756.

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

#312756 border color

This element has a border color of #312756.

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

CSS codes

.text {color:#312756;}

.background {background-color:#312756;}

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

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

#030205
```
#030205 rgb(3,2,5)
```
#0b0813
```
#0b0813 rgb(11,8,19)
```
#120f20
```
#120f20 rgb(18,15,32)
```
#1a152e
```
#1a152e rgb(26,21,46)
```
#221b3b
```
#221b3b rgb(34,27,59)
```
#292149
```
#292149 rgb(41,33,73)
```
#312756
```
#312756 rgb(49,39,86)
```
#392d63
```
#392d63 rgb(57,45,99)
```
#403371
```
#403371 rgb(64,51,113)
```
#48397e
```
#48397e rgb(72,57,126)
```
#503f8c
```
#503f8c rgb(80,63,140)
```
#574699
```
#574699 rgb(87,70,153)
```
#5f4ca7
```
#5f4ca7 rgb(95,76,167)
```

Shade Color Variation

#6855b2
```
#6855b2 rgb(104,85,178)
```
#7462b8
```
#7462b8 rgb(116,98,184)
```
#8070be
```
#8070be rgb(128,112,190)
```
#8c7dc4
```
#8c7dc4 rgb(140,125,196)
```
#988bca
```
#988bca rgb(152,139,202)
```
#a498d0
```
#a498d0 rgb(164,152,208)
```
#b0a6d6
```
#b0a6d6 rgb(176,166,214)
```
#bcb3dd
```
#bcb3dd rgb(188,179,221)
```
#c8c1e3
```
#c8c1e3 rgb(200,193,227)
```
#d4cee9
```
#d4cee9 rgb(212,206,233)
```
#e0dcef
```
#e0dcef rgb(224,220,239)
```
#ece9f5
```
#ece9f5 rgb(236,233,245)
```
#f8f7fb
```
#f8f7fb rgb(248,247,251)
```

Tint Color Variation

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

#3c3a43
```
#3c3a43 rgb(60,58,67)
```
#393548
```
#393548 rgb(57,53,72)
```
#37314c
```
#37314c rgb(55,49,76)
```
#342c51
```
#342c51 rgb(52,44,81)
```
#312756
```
#312756 rgb(49,39,86)
```
#2e225b
```
#2e225b rgb(46,34,91)
```
#2b1d60
```
#2b1d60 rgb(43,29,96)
```
#291964
```
#291964 rgb(41,25,100)
```
#261469
```
#261469 rgb(38,20,105)
```
#230f6e
```
#230f6e rgb(35,15,110)
```
#200a73
```
#200a73 rgb(32,10,115)
```
#1e0578
```
#1e0578 rgb(30,5,120)
```
#1b017c
```
#1b017c rgb(27,1,124)
```

Tone Color Variation

Below, you can see how #312756 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
#2f2d37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#203763 Protanopia 1% of men
#1e395b Deuteranopia 1% of men
#323a3e Tritanopia 0.001% of the population

Trichromacy

#26315e Protanomaly 1% of men, 0.01% of women
#253259 Deuteranomaly 6% of men, 0.4% of women
#313347 Tritanomaly 0.01% of the population

#312756 hex color

#312756 Color Information

#312756 Color Conversion

Color Schemes with #312756

Alternatives to #312756

#312756 Preview

Shades and Tints of #312756

Tones of #312756

Color Blindness Simulator