#312e6c hex color

In a RGB color space, hex #312e6c is composed of 19.2% red, 18% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 57.4% magenta, 0% yellow and 57.6% black. It has a hue angle of 242.9 degrees, a saturation of 40.3% and a lightness of 30.2%. #312e6c color hex could be obtained by blending #625cd8 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #312e6c has RGB values of R:49, G:46, B:108 and CMYK values of C:0.55, M:0.57, Y:0, K:0.58. Its decimal value is 3223148.

Hex triplet	312e6c	`#312e6c`
RGB Decimal	49, 46, 108	`rgb(49,46,108)`
RGB Percent	19.2, 18, 42.4	`rgb(19.2%,18%,42.4%)`
CMYK	55, 57, 0, 58
HSL	242.9°, 40.3, 30.2	`hsl(242.9,40.3%,30.2%)`
HSV (or HSB)	242.9°, 57.4, 42.4
Web Safe	333366	`#333366`

CIE-LAB	22.617, 20.265, -35.874
XYZ	4.95, 3.69, 14.638
xyY	0.213, 0.159, 3.69
CIE-LCH	22.617, 41.203, 299.462
CIE-LUV	22.617, -2.304, -44.01
Hunter-Lab	19.208, 12.385, -31.737
Binary	00110001, 00101110, 01101100

#312e6c
```
#312e6c rgb(49,46,108)
```
#696c2e
```
#696c2e rgb(105,108,46)
```

Complementary Color

#2e4a6c
```
#2e4a6c rgb(46,74,108)
```
#312e6c
```
#312e6c rgb(49,46,108)
```
#502e6c
```
#502e6c rgb(80,46,108)
```

Analogous Color

#4a6c2e
```
#4a6c2e rgb(74,108,46)
```
#312e6c
```
#312e6c rgb(49,46,108)
```
#6c502e
```
#6c502e rgb(108,80,46)
```

Split Complementary Color

#2e6c31
```
#2e6c31 rgb(46,108,49)
```
#312e6c
```
#312e6c rgb(49,46,108)
```
#6c312e
```
#6c312e rgb(108,49,46)
```

Triadic Color

#2e696c
```
#2e696c rgb(46,105,108)
```
#312e6c
```
#312e6c rgb(49,46,108)
```
#6c312e
```
#6c312e rgb(108,49,46)
```
#696c2e
```
#696c2e rgb(105,108,46)
```

Tetradic Color

#191736
```
#191736 rgb(25,23,54)
```
#211f48
```
#211f48 rgb(33,31,72)
```
#29265a
```
#29265a rgb(41,38,90)
```
#312e6c
```
#312e6c rgb(49,46,108)
```
#39367e
```
#39367e rgb(57,54,126)
```
#413d90
```
#413d90 rgb(65,61,144)
```
#4945a2
```
#4945a2 rgb(73,69,162)
```

Monochromatic Color

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

#2e3b6c
```
#2e3b6c rgb(46,59,108)
```
#2e356c
```
#2e356c rgb(46,53,108)
```
#2e306c
```
#2e306c rgb(46,48,108)
```
#312e6c
```
#312e6c rgb(49,46,108)
```
#362e6c
```
#362e6c rgb(54,46,108)
```
#3b2e6c
```
#3b2e6c rgb(59,46,108)
```
#412e6c
```
#412e6c rgb(65,46,108)
```

Similar Colors

Text with hexadecimal color #312e6c

This text has a font color of #312e6c.

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

#312e6c background color

This paragraph has a background color of #312e6c.

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

#312e6c border color

This element has a border color of #312e6c.

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

CSS codes

.text {color:#312e6c;}

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

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

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

#05050c
```
#05050c rgb(5,5,12)
```
#0c0b19
```
#0c0b19 rgb(12,11,25)
```
#121127
```
#121127 rgb(18,17,39)
```
#181735
```
#181735 rgb(24,23,53)
```
#1e1c43
```
#1e1c43 rgb(30,28,67)
```
#252250
```
#252250 rgb(37,34,80)
```
#2b285e
```
#2b285e rgb(43,40,94)
```
#312e6c
```
#312e6c rgb(49,46,108)
```
#37347a
```
#37347a rgb(55,52,122)
```
#3d3a88
```
#3d3a88 rgb(61,58,136)
```
#444095
```
#444095 rgb(68,64,149)
```
#4a45a3
```
#4a45a3 rgb(74,69,163)
```
#504bb1
```
#504bb1 rgb(80,75,177)
```

Shade Color Variation

#5d58b8
```
#5d58b8 rgb(93,88,184)
```
#6a66be
```
#6a66be rgb(106,102,190)
```
#7773c4
```
#7773c4 rgb(119,115,196)
```
#8581c9
```
#8581c9 rgb(133,129,201)
```
#928fcf
```
#928fcf rgb(146,143,207)
```
#9f9dd5
```
#9f9dd5 rgb(159,157,213)
```
#adaadb
```
#adaadb rgb(173,170,219)
```
#bab8e1
```
#bab8e1 rgb(186,184,225)
```
#c8c6e7
```
#c8c6e7 rgb(200,198,231)
```
#d5d4ed
```
#d5d4ed rgb(213,212,237)
```
#e2e1f2
```
#e2e1f2 rgb(226,225,242)
```
#f0eff8
```
#f0eff8 rgb(240,239,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#4c4c4e
```
#4c4c4e rgb(76,76,78)
```
#464654
```
#464654 rgb(70,70,84)
```
#41405a
```
#41405a rgb(65,64,90)
```
#3c3a60
```
#3c3a60 rgb(60,58,96)
```
#363466
```
#363466 rgb(54,52,102)
```
#312e6c
```
#312e6c rgb(49,46,108)
```
#2c2872
```
#2c2872 rgb(44,40,114)
```
#262278
```
#262278 rgb(38,34,120)
```
#211c7e
```
#211c7e rgb(33,28,126)
```
#1c1684
```
#1c1684 rgb(28,22,132)
```
#16108a
```
#16108a rgb(22,16,138)
```
#110a90
```
#110a90 rgb(17,10,144)
```
#0c0595
```
#0c0595 rgb(12,5,149)
```

Tone Color Variation

Below, you can see how #312e6c 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
#353441 Atypical Achromatopsia 0.001% of the population

Dichromacy

#123e78 Protanopia 1% of men
#00416c Deuteranopia 1% of men
#2a4449 Tritanopia 0.001% of the population

Trichromacy

#1d3874 Protanomaly 1% of men, 0.01% of women
#113a6c Deuteranomaly 6% of men, 0.4% of women
#2c3c56 Tritanomaly 0.01% of the population

#312e6c hex color

#312e6c Color Information

#312e6c Color Conversion

Color Schemes with #312e6c

Alternatives to #312e6c

#312e6c Preview

Shades and Tints of #312e6c

Tones of #312e6c

Color Blindness Simulator