#312593 hex color

In a RGB color space, hex #312593 is composed of 19.2% red, 14.5% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 74.8% magenta, 0% yellow and 42.4% black. It has a hue angle of 246.5 degrees, a saturation of 59.8% and a lightness of 36.1%. #312593 color hex could be obtained by blending #624aff with #000027. Closest websafe color is: #333399.

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

● #312593 color description : Dark blue.

The hexadecimal color #312593 has RGB values of R:49, G:37, B:147 and CMYK values of C:0.67, M:0.75, Y:0, K:0.42. Its decimal value is 3220883.

Hex triplet	312593	`#312593`
RGB Decimal	49, 37, 147	`rgb(49,37,147)`
RGB Percent	19.2, 14.5, 57.6	`rgb(19.2%,14.5%,57.6%)`
CMYK	67, 75, 0, 42
HSL	246.5°, 59.8, 36.1	`hsl(246.5,59.8%,36.1%)`
HSV (or HSB)	246.5°, 74.8, 57.6
Web Safe	333399	`#333399`

CIE-LAB	23.942, 39.335, -58.334
XYZ	7.194, 4.082, 28.011
xyY	0.183, 0.104, 4.082
CIE-LCH	23.942, 70.357, 303.992
CIE-LUV	23.942, -2.835, -70.762
Hunter-Lab	20.205, 28.194, -68.053
Binary	00110001, 00100101, 10010011

#312593
```
#312593 rgb(49,37,147)
```
#879325
```
#879325 rgb(135,147,37)
```

Complementary Color

#255093
```
#255093 rgb(37,80,147)
```
#312593
```
#312593 rgb(49,37,147)
```
#682593
```
#682593 rgb(104,37,147)
```

Analogous Color

#509325
```
#509325 rgb(80,147,37)
```
#312593
```
#312593 rgb(49,37,147)
```
#936825
```
#936825 rgb(147,104,37)
```

Split Complementary Color

#259331
```
#259331 rgb(37,147,49)
```
#312593
```
#312593 rgb(49,37,147)
```
#933125
```
#933125 rgb(147,49,37)
```

Triadic Color

#258793
```
#258793 rgb(37,135,147)
```
#312593
```
#312593 rgb(49,37,147)
```
#933125
```
#933125 rgb(147,49,37)
```
#879325
```
#879325 rgb(135,147,37)
```

Tetradic Color

#1d1656
```
#1d1656 rgb(29,22,86)
```
#231b6a
```
#231b6a rgb(35,27,106)
```
#2a207f
```
#2a207f rgb(42,32,127)
```
#312593
```
#312593 rgb(49,37,147)
```
#382aa7
```
#382aa7 rgb(56,42,167)
```
#3f2fbc
```
#3f2fbc rgb(63,47,188)
```
#4838cd
```
#4838cd rgb(72,56,205)
```

Monochromatic Color

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

#253593
```
#253593 rgb(37,53,147)
```
#252b93
```
#252b93 rgb(37,43,147)
```
#282593
```
#282593 rgb(40,37,147)
```
#312593
```
#312593 rgb(49,37,147)
```
#3a2593
```
#3a2593 rgb(58,37,147)
```
#432593
```
#432593 rgb(67,37,147)
```
#4c2593
```
#4c2593 rgb(76,37,147)
```

Similar Colors

Text with hexadecimal color #312593

This text has a font color of #312593.

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

#312593 background color

This paragraph has a background color of #312593.

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

#312593 border color

This element has a border color of #312593.

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

CSS codes

.text {color:#312593;}

.background {background-color:#312593;}

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

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

#020206
```
#020206 rgb(2,2,6)
```
#070516
```
#070516 rgb(7,5,22)
```
#0c0925
```
#0c0925 rgb(12,9,37)
```
#120d35
```
#120d35 rgb(18,13,53)
```
#171145
```
#171145 rgb(23,17,69)
```
#1c1554
```
#1c1554 rgb(28,21,84)
```
#211964
```
#211964 rgb(33,25,100)
```
#271d74
```
#271d74 rgb(39,29,116)
```
#2c2183
```
#2c2183 rgb(44,33,131)
```
#312593
```
#312593 rgb(49,37,147)
```
#3629a3
```
#3629a3 rgb(54,41,163)
```
#3b2db2
```
#3b2db2 rgb(59,45,178)
```
#4131c2
```
#4131c2 rgb(65,49,194)
```

Shade Color Variation

#4939cd
```
#4939cd rgb(73,57,205)
```
#5849d1
```
#5849d1 rgb(88,73,209)
```
#6659d5
```
#6659d5 rgb(102,89,213)
```
#7568d9
```
#7568d9 rgb(117,104,217)
```
#8378dd
```
#8378dd rgb(131,120,221)
```
#9188e1
```
#9188e1 rgb(145,136,225)
```
#a097e5
```
#a097e5 rgb(160,151,229)
```
#aea7e9
```
#aea7e9 rgb(174,167,233)
```
#bdb7ed
```
#bdb7ed rgb(189,183,237)
```
#cbc6f1
```
#cbc6f1 rgb(203,198,241)
```
#d9d6f5
```
#d9d6f5 rgb(217,214,245)
```
#e8e6f9
```
#e8e6f9 rgb(232,230,249)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#585761
```
#585761 rgb(88,87,97)
```
#524f69
```
#524f69 rgb(82,79,105)
```
#4d4870
```
#4d4870 rgb(77,72,112)
```
#474177
```
#474177 rgb(71,65,119)
```
#423a7e
```
#423a7e rgb(66,58,126)
```
#3c3385
```
#3c3385 rgb(60,51,133)
```
#372c8c
```
#372c8c rgb(55,44,140)
```
#312593
```
#312593 rgb(49,37,147)
```
#2b1e9a
```
#2b1e9a rgb(43,30,154)
```
#2617a1
```
#2617a1 rgb(38,23,161)
```
#2010a8
```
#2010a8 rgb(32,16,168)
```
#1b09af
```
#1b09af rgb(27,9,175)
```
#1502b6
```
#1502b6 rgb(21,2,182)
```

Tone Color Variation

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

#00417f Protanopia 1% of men
#00456e Deuteranopia 1% of men
#00494e Tritanopia 0.001% of the population

Trichromacy

#113786 Protanomaly 1% of men, 0.01% of women
#11397b Deuteranomaly 6% of men, 0.4% of women
#113c67 Tritanomaly 0.01% of the population

#312593 hex color

#312593 Color Information

#312593 Color Conversion

Color Schemes with #312593

Alternatives to #312593

#312593 Preview

Shades and Tints of #312593

Tones of #312593

Color Blindness Simulator