#312e6a hex color

In a RGB color space, hex #312e6a is composed of 19.2% red, 18% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 56.6% magenta, 0% yellow and 58.4% black. It has a hue angle of 243 degrees, a saturation of 39.5% and a lightness of 29.8%. #312e6a color hex could be obtained by blending #625cd4 with #000000. Closest websafe color is: #333366.

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

● #312e6a color description : Very dark desaturated blue.

The hexadecimal color #312e6a has RGB values of R:49, G:46, B:106 and CMYK values of C:0.54, M:0.57, Y:0, K:0.58. Its decimal value is 3223146.

Hex triplet	312e6a	`#312e6a`
RGB Decimal	49, 46, 106	`rgb(49,46,106)`
RGB Percent	19.2, 18, 41.6	`rgb(19.2%,18%,41.6%)`
CMYK	54, 57, 0, 58
HSL	243°, 39.5, 29.8	`hsl(243,39.5%,29.8%)`
HSV (or HSB)	243°, 56.6, 41.6
Web Safe	333366	`#333366`

CIE-LAB	22.47, 19.568, -34.819
XYZ	4.845, 3.647, 14.084
xyY	0.215, 0.162, 3.647
CIE-LCH	22.47, 39.941, 299.336
CIE-LUV	22.47, -2.189, -42.617
Hunter-Lab	19.098, 11.858, -30.354
Binary	00110001, 00101110, 01101010

#312e6a
```
#312e6a rgb(49,46,106)
```
#676a2e
```
#676a2e rgb(103,106,46)
```

Complementary Color

#2e496a
```
#2e496a rgb(46,73,106)
```
#312e6a
```
#312e6a rgb(49,46,106)
```
#4f2e6a
```
#4f2e6a rgb(79,46,106)
```

Analogous Color

#496a2e
```
#496a2e rgb(73,106,46)
```
#312e6a
```
#312e6a rgb(49,46,106)
```
#6a4f2e
```
#6a4f2e rgb(106,79,46)
```

Split Complementary Color

#2e6a31
```
#2e6a31 rgb(46,106,49)
```
#312e6a
```
#312e6a rgb(49,46,106)
```
#6a312e
```
#6a312e rgb(106,49,46)
```

Triadic Color

#2e676a
```
#2e676a rgb(46,103,106)
```
#312e6a
```
#312e6a rgb(49,46,106)
```
#6a312e
```
#6a312e rgb(106,49,46)
```
#676a2e
```
#676a2e rgb(103,106,46)
```

Tetradic Color

#181735
```
#181735 rgb(24,23,53)
```
#211f46
```
#211f46 rgb(33,31,70)
```
#292658
```
#292658 rgb(41,38,88)
```
#312e6a
```
#312e6a rgb(49,46,106)
```
#39367c
```
#39367c rgb(57,54,124)
```
#413d8e
```
#413d8e rgb(65,61,142)
```
#4a459f
```
#4a459f rgb(74,69,159)
```

Monochromatic Color

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

#2e3a6a
```
#2e3a6a rgb(46,58,106)
```
#2e356a
```
#2e356a rgb(46,53,106)
```
#2e306a
```
#2e306a rgb(46,48,106)
```
#312e6a
```
#312e6a rgb(49,46,106)
```
#362e6a
```
#362e6a rgb(54,46,106)
```
#3b2e6a
```
#3b2e6a rgb(59,46,106)
```
#402e6a
```
#402e6a rgb(64,46,106)
```

Similar Colors

Text with hexadecimal color #312e6a

This text has a font color of #312e6a.

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

#312e6a background color

This paragraph has a background color of #312e6a.

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

#312e6a border color

This element has a border color of #312e6a.

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

CSS codes

.text {color:#312e6a;}

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

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

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, #05040a is the darkest color, while #fcfcfe is the lightest one.

#05040a
```
#05040a rgb(5,4,10)
```
#0b0a18
```
#0b0a18 rgb(11,10,24)
```
#111026
```
#111026 rgb(17,16,38)
```
#181633
```
#181633 rgb(24,22,51)
```
#1e1c41
```
#1e1c41 rgb(30,28,65)
```
#24224f
```
#24224f rgb(36,34,79)
```
#2b285c
```
#2b285c rgb(43,40,92)
```
#312e6a
```
#312e6a rgb(49,46,106)
```
#373478
```
#373478 rgb(55,52,120)
```
#3e3a85
```
#3e3a85 rgb(62,58,133)
```
#444093
```
#444093 rgb(68,64,147)
```
#4a46a1
```
#4a46a1 rgb(74,70,161)
```
#514cae
```
#514cae rgb(81,76,174)
```

Shade Color Variation

#5c57b6
```
#5c57b6 rgb(92,87,182)
```
#6965bc
```
#6965bc rgb(105,101,188)
```
#7773c2
```
#7773c2 rgb(119,115,194)
```
#8480c8
```
#8480c8 rgb(132,128,200)
```
#918ece
```
#918ece rgb(145,142,206)
```
#9f9cd4
```
#9f9cd4 rgb(159,156,212)
```
#aca9da
```
#aca9da rgb(172,169,218)
```
#b9b7e0
```
#b9b7e0 rgb(185,183,224)
```
#c6c5e6
```
#c6c5e6 rgb(198,197,230)
```
#d4d3ec
```
#d4d3ec rgb(212,211,236)
```
#e1e0f2
```
#e1e0f2 rgb(225,224,242)
```
#eeeef8
```
#eeeef8 rgb(238,238,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#4b4b4d
```
#4b4b4d rgb(75,75,77)
```
#464553
```
#464553 rgb(70,69,83)
```
#414058
```
#414058 rgb(65,64,88)
```
#3c3a5e
```
#3c3a5e rgb(60,58,94)
```
#363464
```
#363464 rgb(54,52,100)
```
#312e6a
```
#312e6a rgb(49,46,106)
```
#2c2870
```
#2c2870 rgb(44,40,112)
```
#262276
```
#262276 rgb(38,34,118)
```
#211c7c
```
#211c7c rgb(33,28,124)
```
#1c1781
```
#1c1781 rgb(28,23,129)
```
#171187
```
#171187 rgb(23,17,135)
```
#110b8d
```
#110b8d rgb(17,11,141)
```
#0c0593
```
#0c0593 rgb(12,5,147)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#353440 Atypical Achromatopsia 0.001% of the population

Dichromacy

#173e76 Protanopia 1% of men
#00416c Deuteranopia 1% of men
#2b4348 Tritanopia 0.001% of the population

Trichromacy

#203872 Protanomaly 1% of men, 0.01% of women
#113a6b Deuteranomaly 6% of men, 0.4% of women
#2d3b54 Tritanomaly 0.01% of the population

#312e6a hex color

#312e6a Color Information

#312e6a Color Conversion

Color Schemes with #312e6a

Alternatives to #312e6a

#312e6a Preview

Shades and Tints of #312e6a

Tones of #312e6a

Color Blindness Simulator