#312c7c hex color

In a RGB color space, hex #312c7c is composed of 19.2% red, 17.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 64.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 243.8 degrees, a saturation of 47.6% and a lightness of 32.9%. #312c7c color hex could be obtained by blending #6258f8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 17
- B 49
RGB color chart
- C 60
- M 65
- Y 0
- K 51
CMYK color chart

● #312c7c color description : Dark moderate blue.

The hexadecimal color #312c7c has RGB values of R:49, G:44, B:124 and CMYK values of C:0.6, M:0.65, Y:0, K:0.51. Its decimal value is 3222652.

Hex triplet	312c7c	`#312c7c`
RGB Decimal	49, 44, 124	`rgb(49,44,124)`
RGB Percent	19.2, 17.3, 48.6	`rgb(19.2%,17.3%,48.6%)`
CMYK	60, 65, 0, 51
HSL	243.8°, 47.6, 32.9	`hsl(243.8,47.6%,32.9%)`
HSV (or HSB)	243.8°, 64.5, 48.6
Web Safe	333366	`#333366`

CIE-LAB	23.369, 27.206, -44.887
XYZ	5.805, 3.909, 19.516
xyY	0.199, 0.134, 3.909
CIE-LCH	23.369, 52.488, 301.22
CIE-LUV	23.369, -2.753, -55.375
Hunter-Lab	19.772, 17.803, -44.683
Binary	00110001, 00101100, 01111100

#312c7c
```
#312c7c rgb(49,44,124)
```
#777c2c
```
#777c2c rgb(119,124,44)
```

Complementary Color

#2c4f7c
```
#2c4f7c rgb(44,79,124)
```
#312c7c
```
#312c7c rgb(49,44,124)
```
#592c7c
```
#592c7c rgb(89,44,124)
```

Analogous Color

#4f7c2c
```
#4f7c2c rgb(79,124,44)
```
#312c7c
```
#312c7c rgb(49,44,124)
```
#7c592c
```
#7c592c rgb(124,89,44)
```

Split Complementary Color

#2c7c31
```
#2c7c31 rgb(44,124,49)
```
#312c7c
```
#312c7c rgb(49,44,124)
```
#7c312c
```
#7c312c rgb(124,49,44)
```

Triadic Color

#2c777c
```
#2c777c rgb(44,119,124)
```
#312c7c
```
#312c7c rgb(49,44,124)
```
#7c312c
```
#7c312c rgb(124,49,44)
```
#777c2c
```
#777c2c rgb(119,124,44)
```

Tetradic Color

#1b1844
```
#1b1844 rgb(27,24,68)
```
#221f56
```
#221f56 rgb(34,31,86)
```
#2a2569
```
#2a2569 rgb(42,37,105)
```
#312c7c
```
#312c7c rgb(49,44,124)
```
#38338f
```
#38338f rgb(56,51,143)
```
#4039a2
```
#4039a2 rgb(64,57,162)
```
#4740b4
```
#4740b4 rgb(71,64,180)
```

Monochromatic Color

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

#2c3b7c
```
#2c3b7c rgb(44,59,124)
```
#2c347c
```
#2c347c rgb(44,52,124)
```
#2c2e7c
```
#2c2e7c rgb(44,46,124)
```
#312c7c
```
#312c7c rgb(49,44,124)
```
#382c7c
```
#382c7c rgb(56,44,124)
```
#3e2c7c
```
#3e2c7c rgb(62,44,124)
```
#452c7c
```
#452c7c rgb(69,44,124)
```

Similar Colors

Text with hexadecimal color #312c7c

This text has a font color of #312c7c.

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

#312c7c background color

This paragraph has a background color of #312c7c.

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

#312c7c border color

This element has a border color of #312c7c.

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

CSS codes

.text {color:#312c7c;}

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

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

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

#030308
```
#030308 rgb(3,3,8)
```
#090817
```
#090817 rgb(9,8,23)
```
#0f0d25
```
#0f0d25 rgb(15,13,37)
```
#141234
```
#141234 rgb(20,18,52)
```
#1a1742
```
#1a1742 rgb(26,23,66)
```
#201d51
```
#201d51 rgb(32,29,81)
```
#26225f
```
#26225f rgb(38,34,95)
```
#2b276e
```
#2b276e rgb(43,39,110)
```
#312c7c
```
#312c7c rgb(49,44,124)
```
#37318a
```
#37318a rgb(55,49,138)
```
#3c3699
```
#3c3699 rgb(60,54,153)
```
#423ba7
```
#423ba7 rgb(66,59,167)
```
#4841b6
```
#4841b6 rgb(72,65,182)
```

Shade Color Variation

#524bbf
```
#524bbf rgb(82,75,191)
```
#6059c4
```
#6059c4 rgb(96,89,196)
```
#6e68c9
```
#6e68c9 rgb(110,104,201)
```
#7c76cf
```
#7c76cf rgb(124,118,207)
```
#8a85d4
```
#8a85d4 rgb(138,133,212)
```
#9893d9
```
#9893d9 rgb(152,147,217)
```
#a6a2de
```
#a6a2de rgb(166,162,222)
```
#b3b0e3
```
#b3b0e3 rgb(179,176,227)
```
#c1bfe8
```
#c1bfe8 rgb(193,191,232)
```
#cfcded
```
#cfcded rgb(207,205,237)
```
#dddcf2
```
#dddcf2 rgb(221,220,242)
```
#ebeaf8
```
#ebeaf8 rgb(235,234,248)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#535355
```
#535355 rgb(83,83,85)
```
#4d4c5c
```
#4d4c5c rgb(77,76,92)
```
#484662
```
#484662 rgb(72,70,98)
```
#423f69
```
#423f69 rgb(66,63,105)
```
#3c396f
```
#3c396f rgb(60,57,111)
```
#373276
```
#373276 rgb(55,50,118)
```
#312c7c
```
#312c7c rgb(49,44,124)
```
#2b2682
```
#2b2682 rgb(43,38,130)
```
#261f89
```
#261f89 rgb(38,31,137)
```
#20198f
```
#20198f rgb(32,25,143)
```
#1a1296
```
#1a1296 rgb(26,18,150)
```
#150c9c
```
#150c9c rgb(21,12,156)
```
#0f05a3
```
#0f05a3 rgb(15,5,163)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#363545 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00436d Deuteranopia 1% of men
#1c474c Tritanopia 0.001% of the population

Trichromacy

#11387c Protanomaly 1% of men, 0.01% of women
#113a73 Deuteranomaly 6% of men, 0.4% of women
#233d5d Tritanomaly 0.01% of the population

#312c7c hex color

#312c7c Color Information

#312c7c Color Conversion

Color Schemes with #312c7c

Alternatives to #312c7c

#312c7c Preview

Shades and Tints of #312c7c

Tones of #312c7c

Color Blindness Simulator