#312493 hex color

In a RGB color space, hex #312493 is composed of 19.2% red, 14.1% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 75.5% magenta, 0% yellow and 42.4% black. It has a hue angle of 247 degrees, a saturation of 60.7% and a lightness of 35.9%. #312493 color hex could be obtained by blending #6248ff with #000027. Closest websafe color is: #333399.

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

● #312493 color description : Dark blue.

The hexadecimal color #312493 has RGB values of R:49, G:36, B:147 and CMYK values of C:0.67, M:0.76, Y:0, K:0.42. Its decimal value is 3220627.

Hex triplet	312493	`#312493`
RGB Decimal	49, 36, 147	`rgb(49,36,147)`
RGB Percent	19.2, 14.1, 57.6	`rgb(19.2%,14.1%,57.6%)`
CMYK	67, 76, 0, 42
HSL	247°, 60.7, 35.9	`hsl(247,60.7%,35.9%)`
HSV (or HSB)	247°, 75.5, 57.6
Web Safe	333399	`#333399`

CIE-LAB	23.741, 39.901, -58.666
XYZ	7.163, 4.021, 28.001
xyY	0.183, 0.103, 4.021
CIE-LCH	23.741, 70.949, 304.221
CIE-LUV	23.741, -2.683, -70.81
Hunter-Lab	20.052, 28.671, -68.755
Binary	00110001, 00100100, 10010011

#312493
```
#312493 rgb(49,36,147)
```
#869324
```
#869324 rgb(134,147,36)
```

Complementary Color

#244f93
```
#244f93 rgb(36,79,147)
```
#312493
```
#312493 rgb(49,36,147)
```
#692493
```
#692493 rgb(105,36,147)
```

Analogous Color

#4f9324
```
#4f9324 rgb(79,147,36)
```
#312493
```
#312493 rgb(49,36,147)
```
#936924
```
#936924 rgb(147,105,36)
```

Split Complementary Color

#249331
```
#249331 rgb(36,147,49)
```
#312493
```
#312493 rgb(49,36,147)
```
#933124
```
#933124 rgb(147,49,36)
```

Triadic Color

#248693
```
#248693 rgb(36,134,147)
```
#312493
```
#312493 rgb(49,36,147)
```
#933124
```
#933124 rgb(147,49,36)
```
#869324
```
#869324 rgb(134,147,36)
```

Tetradic Color

#1d1556
```
#1d1556 rgb(29,21,86)
```
#231a6a
```
#231a6a rgb(35,26,106)
```
#2a1f7f
```
#2a1f7f rgb(42,31,127)
```
#312493
```
#312493 rgb(49,36,147)
```
#3829a7
```
#3829a7 rgb(56,41,167)
```
#3f2ebc
```
#3f2ebc rgb(63,46,188)
```
#4836ce
```
#4836ce rgb(72,54,206)
```

Monochromatic Color

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

#243393
```
#243393 rgb(36,51,147)
```
#242a93
```
#242a93 rgb(36,42,147)
```
#282493
```
#282493 rgb(40,36,147)
```
#312493
```
#312493 rgb(49,36,147)
```
#3a2493
```
#3a2493 rgb(58,36,147)
```
#432493
```
#432493 rgb(67,36,147)
```
#4d2493
```
#4d2493 rgb(77,36,147)
```

Similar Colors

Text with hexadecimal color #312493

This text has a font color of #312493.

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

#312493 background color

This paragraph has a background color of #312493.

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

#312493 border color

This element has a border color of #312493.

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

CSS codes

.text {color:#312493;}

.background {background-color:#312493;}

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

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

#020105
```
#020105 rgb(2,1,5)
```
#070515
```
#070515 rgb(7,5,21)
```
#0c0925
```
#0c0925 rgb(12,9,37)
```
#110d34
```
#110d34 rgb(17,13,52)
```
#171144
```
#171144 rgb(23,17,68)
```
#1c1554
```
#1c1554 rgb(28,21,84)
```
#211864
```
#211864 rgb(33,24,100)
```
#261c73
```
#261c73 rgb(38,28,115)
```
#2c2083
```
#2c2083 rgb(44,32,131)
```
#312493
```
#312493 rgb(49,36,147)
```
#3628a3
```
#3628a3 rgb(54,40,163)
```
#3c2cb3
```
#3c2cb3 rgb(60,44,179)
```
#4130c2
```
#4130c2 rgb(65,48,194)
```

Shade Color Variation

#4937ce
```
#4937ce rgb(73,55,206)
```
#5747d2
```
#5747d2 rgb(87,71,210)
```
#6657d6
```
#6657d6 rgb(102,87,214)
```
#7467da
```
#7467da rgb(116,103,218)
```
#8276de
```
#8276de rgb(130,118,222)
```
#9186e1
```
#9186e1 rgb(145,134,225)
```
#9f96e5
```
#9f96e5 rgb(159,150,229)
```
#aea6e9
```
#aea6e9 rgb(174,166,233)
```
#bcb5ed
```
#bcb5ed rgb(188,181,237)
```
#cac5f1
```
#cac5f1 rgb(202,197,241)
```
#d9d5f5
```
#d9d5f5 rgb(217,213,245)
```
#e7e5f9
```
#e7e5f9 rgb(231,229,249)
```
#f5f4fc
```
#f5f4fc rgb(245,244,252)
```

Tint Color Variation

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

#575562
```
#575562 rgb(87,85,98)
```
#514e69
```
#514e69 rgb(81,78,105)
```
#4c4770
```
#4c4770 rgb(76,71,112)
```
#474077
```
#474077 rgb(71,64,119)
```
#41397e
```
#41397e rgb(65,57,126)
```
#3c3285
```
#3c3285 rgb(60,50,133)
```
#362b8c
```
#362b8c rgb(54,43,140)
```
#312493
```
#312493 rgb(49,36,147)
```
#2c1d9a
```
#2c1d9a rgb(44,29,154)
```
#2616a1
```
#2616a1 rgb(38,22,161)
```
#210fa8
```
#210fa8 rgb(33,15,168)
```
#1b08af
```
#1b08af rgb(27,8,175)
```
#1601b6
```
#1601b6 rgb(22,1,182)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#343248 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407e Protanopia 1% of men
#00446d Deuteranopia 1% of men
#00494e Tritanopia 0.001% of the population

Trichromacy

#113685 Protanomaly 1% of men, 0.01% of women
#11387b Deuteranomaly 6% of men, 0.4% of women
#113b67 Tritanomaly 0.01% of the population

#312493 hex color

#312493 Color Information

#312493 Color Conversion

Color Schemes with #312493

Alternatives to #312493

#312493 Preview

Shades and Tints of #312493

Tones of #312493

Color Blindness Simulator