#312e93 hex color

In a RGB color space, hex #312e93 is composed of 19.2% red, 18% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 68.7% magenta, 0% yellow and 42.4% black. It has a hue angle of 241.8 degrees, a saturation of 52.3% and a lightness of 37.8%. #312e93 color hex could be obtained by blending #625cff with #000027. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 18
- B 58
RGB color chart
- C 67
- M 69
- Y 0
- K 42
CMYK color chart

● #312e93 color description : Dark moderate blue.

The hexadecimal color #312e93 has RGB values of R:49, G:46, B:147 and CMYK values of C:0.67, M:0.69, Y:0, K:0.42. Its decimal value is 3223187.

Hex triplet	312e93	`#312e93`
RGB Decimal	49, 46, 147	`rgb(49,46,147)`
RGB Percent	19.2, 18, 57.6	`rgb(19.2%,18%,57.6%)`
CMYK	67, 69, 0, 42
HSL	241.8°, 52.3, 37.8	`hsl(241.8,52.3%,37.8%)`
HSV (or HSB)	241.8°, 68.7, 57.6
Web Safe	333399	`#333399`

CIE-LAB	25.901, 33.935, -55.115
XYZ	7.509, 4.713, 28.116
xyY	0.186, 0.117, 4.713
CIE-LCH	25.901, 64.724, 301.621
CIE-LUV	25.901, -4.399, -69.831
Hunter-Lab	21.71, 23.748, -61.589
Binary	00110001, 00101110, 10010011

#312e93
```
#312e93 rgb(49,46,147)
```
#90932e
```
#90932e rgb(144,147,46)
```

Complementary Color

#2e5e93
```
#2e5e93 rgb(46,94,147)
```
#312e93
```
#312e93 rgb(49,46,147)
```
#632e93
```
#632e93 rgb(99,46,147)
```

Analogous Color

#5e932e
```
#5e932e rgb(94,147,46)
```
#312e93
```
#312e93 rgb(49,46,147)
```
#93632e
```
#93632e rgb(147,99,46)
```

Split Complementary Color

#2e9331
```
#2e9331 rgb(46,147,49)
```
#312e93
```
#312e93 rgb(49,46,147)
```
#93312e
```
#93312e rgb(147,49,46)
```

Triadic Color

#2e9093
```
#2e9093 rgb(46,144,147)
```
#312e93
```
#312e93 rgb(49,46,147)
```
#93312e
```
#93312e rgb(147,49,46)
```
#90932e
```
#90932e rgb(144,147,46)
```

Tetradic Color

#1e1c59
```
#1e1c59 rgb(30,28,89)
```
#24226c
```
#24226c rgb(36,34,108)
```
#2b2880
```
#2b2880 rgb(43,40,128)
```
#312e93
```
#312e93 rgb(49,46,147)
```
#3734a6
```
#3734a6 rgb(55,52,166)
```
#3e3aba
```
#3e3aba rgb(62,58,186)
```
#4c48c6
```
#4c48c6 rgb(76,72,198)
```

Monochromatic Color

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

#2e4493
```
#2e4493 rgb(46,68,147)
```
#2e3c93
```
#2e3c93 rgb(46,60,147)
```
#2e3393
```
#2e3393 rgb(46,51,147)
```
#312e93
```
#312e93 rgb(49,46,147)
```
#392e93
```
#392e93 rgb(57,46,147)
```
#422e93
```
#422e93 rgb(66,46,147)
```
#4a2e93
```
#4a2e93 rgb(74,46,147)
```

Similar Colors

Text with hexadecimal color #312e93

This text has a font color of #312e93.

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

#312e93 background color

This paragraph has a background color of #312e93.

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

#312e93 border color

This element has a border color of #312e93.

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

CSS codes

.text {color:#312e93;}

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

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

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, #04040d is the darkest color, while #fdfdfe is the lightest one.

#04040d
```
#04040d rgb(4,4,13)
```
#09091b
```
#09091b rgb(9,9,27)
```
#0e0d2a
```
#0e0d2a rgb(14,13,42)
```
#131239
```
#131239 rgb(19,18,57)
```
#181748
```
#181748 rgb(24,23,72)
```
#1d1b57
```
#1d1b57 rgb(29,27,87)
```
#222066
```
#222066 rgb(34,32,102)
```
#272575
```
#272575 rgb(39,37,117)
```
#2c2984
```
#2c2984 rgb(44,41,132)
```
#312e93
```
#312e93 rgb(49,46,147)
```
#3633a2
```
#3633a2 rgb(54,51,162)
```
#3b37b1
```
#3b37b1 rgb(59,55,177)
```
#403cc0
```
#403cc0 rgb(64,60,192)
```

Shade Color Variation

#4d49c6
```
#4d49c6 rgb(77,73,198)
```
#5c58cb
```
#5c58cb rgb(92,88,203)
```
#6a67cf
```
#6a67cf rgb(106,103,207)
```
#7976d4
```
#7976d4 rgb(121,118,212)
```
#8885d9
```
#8885d9 rgb(136,133,217)
```
#9694de
```
#9694de rgb(150,148,222)
```
#a5a3e2
```
#a5a3e2 rgb(165,163,226)
```
#b3b2e7
```
#b3b2e7 rgb(179,178,231)
```
#c2c1ec
```
#c2c1ec rgb(194,193,236)
```
#d1d0f0
```
#d1d0f0 rgb(209,208,240)
```
#dfdff5
```
#dfdff5 rgb(223,223,245)
```
#eeeefa
```
#eeeefa rgb(238,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5b66 is the less saturated color, while #0701c0 is the most saturated one.

#5b5b66
```
#5b5b66 rgb(91,91,102)
```
#54536e
```
#54536e rgb(84,83,110)
```
#4d4c75
```
#4d4c75 rgb(77,76,117)
```
#46447d
```
#46447d rgb(70,68,125)
```
#3f3d84
```
#3f3d84 rgb(63,61,132)
```
#38358c
```
#38358c rgb(56,53,140)
```
#312e93
```
#312e93 rgb(49,46,147)
```
#2a279a
```
#2a279a rgb(42,39,154)
```
#231fa2
```
#231fa2 rgb(35,31,162)
```
#1c18a9
```
#1c18a9 rgb(28,24,169)
```
#1510b1
```
#1510b1 rgb(21,16,177)
```
#0e09b8
```
#0e09b8 rgb(14,9,184)
```
#0701c0
```
#0701c0 rgb(7,1,192)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#38384c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004975 Deuteranopia 1% of men
#004e53 Tritanopia 0.001% of the population

Trichromacy

#113c8b Protanomaly 1% of men, 0.01% of women
#113f80 Deuteranomaly 6% of men, 0.4% of women
#11426a Tritanomaly 0.01% of the population

#312e93 hex color

#312e93 Color Information

#312e93 Color Conversion

Color Schemes with #312e93

Alternatives to #312e93

#312e93 Preview

Shades and Tints of #312e93

Tones of #312e93

Color Blindness Simulator