#312e78 hex color

In a RGB color space, hex #312e78 is composed of 19.2% red, 18% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 61.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 242.4 degrees, a saturation of 44.6% and a lightness of 32.5%. #312e78 color hex could be obtained by blending #625cf0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 18
- B 47
RGB color chart
- C 59
- M 62
- Y 0
- K 53
CMYK color chart

● #312e78 color description : Dark moderate blue.

The hexadecimal color #312e78 has RGB values of R:49, G:46, B:120 and CMYK values of C:0.59, M:0.62, Y:0, K:0.53. Its decimal value is 3223160.

Hex triplet	312e78	`#312e78`
RGB Decimal	49, 46, 120	`rgb(49,46,120)`
RGB Percent	19.2, 18, 47.1	`rgb(19.2%,18%,47.1%)`
CMYK	59, 62, 0, 53
HSL	242.4°, 44.6, 32.5	`hsl(242.4,44.6%,32.5%)`
HSV (or HSB)	242.4°, 61.7, 47.1
Web Safe	333366	`#333366`

CIE-LAB	23.548, 24.477, -42.058
XYZ	5.633, 3.963, 18.236
xyY	0.202, 0.142, 3.963
CIE-LCH	23.548, 48.662, 300.198
CIE-LUV	23.548, -2.979, -52.222
Hunter-Lab	19.907, 15.674, -40.38
Binary	00110001, 00101110, 01111000

#312e78
```
#312e78 rgb(49,46,120)
```
#75782e
```
#75782e rgb(117,120,46)
```

Complementary Color

#2e5078
```
#2e5078 rgb(46,80,120)
```
#312e78
```
#312e78 rgb(49,46,120)
```
#562e78
```
#562e78 rgb(86,46,120)
```

Analogous Color

#50782e
```
#50782e rgb(80,120,46)
```
#312e78
```
#312e78 rgb(49,46,120)
```
#78562e
```
#78562e rgb(120,86,46)
```

Split Complementary Color

#2e7831
```
#2e7831 rgb(46,120,49)
```
#312e78
```
#312e78 rgb(49,46,120)
```
#78312e
```
#78312e rgb(120,49,46)
```

Triadic Color

#2e7578
```
#2e7578 rgb(46,117,120)
```
#312e78
```
#312e78 rgb(49,46,120)
```
#78312e
```
#78312e rgb(120,49,46)
```
#75782e
```
#75782e rgb(117,120,46)
```

Tetradic Color

#1a1941
```
#1a1941 rgb(26,25,65)
```
#222053
```
#222053 rgb(34,32,83)
```
#292766
```
#292766 rgb(41,39,102)
```
#312e78
```
#312e78 rgb(49,46,120)
```
#39358a
```
#39358a rgb(57,53,138)
```
#403c9d
```
#403c9d rgb(64,60,157)
```
#4843af
```
#4843af rgb(72,67,175)
```

Monochromatic Color

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

#2e3e78
```
#2e3e78 rgb(46,62,120)
```
#2e3778
```
#2e3778 rgb(46,55,120)
```
#2e3178
```
#2e3178 rgb(46,49,120)
```
#312e78
```
#312e78 rgb(49,46,120)
```
#372e78
```
#372e78 rgb(55,46,120)
```
#3d2e78
```
#3d2e78 rgb(61,46,120)
```
#432e78
```
#432e78 rgb(67,46,120)
```

Similar Colors

Text with hexadecimal color #312e78

This text has a font color of #312e78.

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

#312e78 background color

This paragraph has a background color of #312e78.

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

#312e78 border color

This element has a border color of #312e78.

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

CSS codes

.text {color:#312e78;}

.background {background-color:#312e78;}

.border {border:1px solid #312e78;}

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

#030307
```
#030307 rgb(3,3,7)
```
#080815
```
#080815 rgb(8,8,21)
```
#0e0d23
```
#0e0d23 rgb(14,13,35)
```
#141331
```
#141331 rgb(20,19,49)
```
#1a183f
```
#1a183f rgb(26,24,63)
```
#201e4d
```
#201e4d rgb(32,30,77)
```
#25235c
```
#25235c rgb(37,35,92)
```
#2b296a
```
#2b296a rgb(43,41,106)
```
#312e78
```
#312e78 rgb(49,46,120)
```
#373386
```
#373386 rgb(55,51,134)
```
#3d3994
```
#3d3994 rgb(61,57,148)
```
#423ea3
```
#423ea3 rgb(66,62,163)
```
#4844b1
```
#4844b1 rgb(72,68,177)
```

Shade Color Variation

#524dbb
```
#524dbb rgb(82,77,187)
```
#5f5bc0
```
#5f5bc0 rgb(95,91,192)
```
#6d6ac6
```
#6d6ac6 rgb(109,106,198)
```
#7b78cb
```
#7b78cb rgb(123,120,203)
```
#8986d1
```
#8986d1 rgb(137,134,209)
```
#9794d6
```
#9794d6 rgb(151,148,214)
```
#a5a2db
```
#a5a2db rgb(165,162,219)
```
#b2b0e1
```
#b2b0e1 rgb(178,176,225)
```
#c0bfe6
```
#c0bfe6 rgb(192,191,230)
```
#cecdec
```
#cecdec rgb(206,205,236)
```
#dcdbf1
```
#dcdbf1 rgb(220,219,241)
```
#eae9f7
```
#eae9f7 rgb(234,233,247)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e4e58 is the less saturated color, while #0801a5 is the most saturated one.

#4e4e58
```
#4e4e58 rgb(78,78,88)
```
#48485e
```
#48485e rgb(72,72,94)
```
#434165
```
#434165 rgb(67,65,101)
```
#3d3b6b
```
#3d3b6b rgb(61,59,107)
```
#373472
```
#373472 rgb(55,52,114)
```
#312e78
```
#312e78 rgb(49,46,120)
```
#2b287e
```
#2b287e rgb(43,40,126)
```
#252185
```
#252185 rgb(37,33,133)
```
#1f1b8b
```
#1f1b8b rgb(31,27,139)
```
#1a1492
```
#1a1492 rgb(26,20,146)
```
#140e98
```
#140e98 rgb(20,14,152)
```
#0e089e
```
#0e089e rgb(14,8,158)
```
#0801a5
```
#0801a5 rgb(8,1,165)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#363544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407e Protanopia 1% of men
#00436f Deuteranopia 1% of men
#21474c Tritanopia 0.001% of the population

Trichromacy

#11397b Protanomaly 1% of men, 0.01% of women
#113b72 Deuteranomaly 6% of men, 0.4% of women
#273e5c Tritanomaly 0.01% of the population

#312e78 hex color

#312e78 Color Information

#312e78 Color Conversion

Color Schemes with #312e78

Alternatives to #312e78

#312e78 Preview

Shades and Tints of #312e78

Tones of #312e78

Color Blindness Simulator