#312c86 hex color

In a RGB color space, hex #312c86 is composed of 19.2% red, 17.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 67.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 243.3 degrees, a saturation of 50.6% and a lightness of 34.9%. #312c86 color hex could be obtained by blending #6258ff with #00000d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 17
- B 53
RGB color chart
- C 63
- M 67
- Y 0
- K 47
CMYK color chart

● #312c86 color description : Dark moderate blue.

The hexadecimal color #312c86 has RGB values of R:49, G:44, B:134 and CMYK values of C:0.63, M:0.67, Y:0, K:0.47. Its decimal value is 3222662.

Hex triplet	312c86	`#312c86`
RGB Decimal	49, 44, 134	`rgb(49,44,134)`
RGB Percent	19.2, 17.3, 52.5	`rgb(19.2%,17.3%,52.5%)`
CMYK	63, 67, 0, 47
HSL	243.3°, 50.6, 34.9	`hsl(243.3,50.6%,34.9%)`
HSV (or HSB)	243.3°, 67.2, 52.5
Web Safe	333399	`#333399`

CIE-LAB	24.243, 30.69, -49.758
XYZ	6.47, 4.175, 23.018
xyY	0.192, 0.124, 4.175
CIE-LCH	24.243, 58.461, 301.665
CIE-LUV	24.243, -3.317, -61.876
Hunter-Lab	20.434, 20.757, -52.486
Binary	00110001, 00101100, 10000110

#312c86
```
#312c86 rgb(49,44,134)
```
#81862c
```
#81862c rgb(129,134,44)
```

Complementary Color

#2c5486
```
#2c5486 rgb(44,84,134)
```
#312c86
```
#312c86 rgb(49,44,134)
```
#5e2c86
```
#5e2c86 rgb(94,44,134)
```

Analogous Color

#54862c
```
#54862c rgb(84,134,44)
```
#312c86
```
#312c86 rgb(49,44,134)
```
#865e2c
```
#865e2c rgb(134,94,44)
```

Split Complementary Color

#2c8631
```
#2c8631 rgb(44,134,49)
```
#312c86
```
#312c86 rgb(49,44,134)
```
#86312c
```
#86312c rgb(134,49,44)
```

Triadic Color

#2c8186
```
#2c8186 rgb(44,129,134)
```
#312c86
```
#312c86 rgb(49,44,134)
```
#86312c
```
#86312c rgb(134,49,44)
```
#81862c
```
#81862c rgb(129,134,44)
```

Tetradic Color

#1c194c
```
#1c194c rgb(28,25,76)
```
#231f60
```
#231f60 rgb(35,31,96)
```
#2a2673
```
#2a2673 rgb(42,38,115)
```
#312c86
```
#312c86 rgb(49,44,134)
```
#383299
```
#383299 rgb(56,50,153)
```
#3f39ac
```
#3f39ac rgb(63,57,172)
```
#463fc0
```
#463fc0 rgb(70,63,192)
```

Monochromatic Color

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

#2c3e86
```
#2c3e86 rgb(44,62,134)
```
#2c3686
```
#2c3686 rgb(44,54,134)
```
#2c2f86
```
#2c2f86 rgb(44,47,134)
```
#312c86
```
#312c86 rgb(49,44,134)
```
#392c86
```
#392c86 rgb(57,44,134)
```
#402c86
```
#402c86 rgb(64,44,134)
```
#482c86
```
#482c86 rgb(72,44,134)
```

Similar Colors

Text with hexadecimal color #312c86

This text has a font color of #312c86.

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

#312c86 background color

This paragraph has a background color of #312c86.

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

#312c86 border color

This element has a border color of #312c86.

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

CSS codes

.text {color:#312c86;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060510
```
#060510 rgb(6,5,16)
```
#0b0a1f
```
#0b0a1f rgb(11,10,31)
```
#110f2d
```
#110f2d rgb(17,15,45)
```
#16143c
```
#16143c rgb(22,20,60)
```
#1b194b
```
#1b194b rgb(27,25,75)
```
#211d5a
```
#211d5a rgb(33,29,90)
```
#262268
```
#262268 rgb(38,34,104)
```
#2c2777
```
#2c2777 rgb(44,39,119)
```
#312c86
```
#312c86 rgb(49,44,134)
```
#363195
```
#363195 rgb(54,49,149)
```
#3c36a4
```
#3c36a4 rgb(60,54,164)
```
#413bb2
```
#413bb2 rgb(65,59,178)
```

Shade Color Variation

#4740c0
```
#4740c0 rgb(71,64,192)
```
#554fc5
```
#554fc5 rgb(85,79,197)
```
#645eca
```
#645eca rgb(100,94,202)
```
#726ccf
```
#726ccf rgb(114,108,207)
```
#807bd4
```
#807bd4 rgb(128,123,212)
```
#8e8ad9
```
#8e8ad9 rgb(142,138,217)
```
#9d99dd
```
#9d99dd rgb(157,153,221)
```
#aba8e2
```
#aba8e2 rgb(171,168,226)
```
#b9b6e7
```
#b9b6e7 rgb(185,182,231)
```
#c7c5ec
```
#c7c5ec rgb(199,197,236)
```
#d5d4f1
```
#d5d4f1 rgb(213,212,241)
```
#e4e3f6
```
#e4e3f6 rgb(228,227,246)
```
#f2f1fb
```
#f2f1fb rgb(242,241,251)
```

Tint Color Variation

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

#56555d
```
#56555d rgb(86,85,93)
```
#4f4e64
```
#4f4e64 rgb(79,78,100)
```
#49476b
```
#49476b rgb(73,71,107)
```
#434171
```
#434171 rgb(67,65,113)
```
#3d3a78
```
#3d3a78 rgb(61,58,120)
```
#37337f
```
#37337f rgb(55,51,127)
```
#312c86
```
#312c86 rgb(49,44,134)
```
#2b258d
```
#2b258d rgb(43,37,141)
```
#251e94
```
#251e94 rgb(37,30,148)
```
#1f179b
```
#1f179b rgb(31,23,155)
```
#1911a1
```
#1911a1 rgb(25,17,161)
```
#130aa8
```
#130aa8 rgb(19,10,168)
```
#0c03af
```
#0c03af rgb(12,3,175)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#373648 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004180 Protanopia 1% of men
#004570 Deuteranopia 1% of men
#004a4f Tritanopia 0.001% of the population

Trichromacy

#113982 Protanomaly 1% of men, 0.01% of women
#113c78 Deuteranomaly 6% of men, 0.4% of women
#113f63 Tritanomaly 0.01% of the population

#312c86 hex color

#312c86 Color Information

#312c86 Color Conversion

Color Schemes with #312c86

Alternatives to #312c86

#312c86 Preview

Shades and Tints of #312c86

Tones of #312c86

Color Blindness Simulator