#312976 hex color

In a RGB color space, hex #312976 is composed of 19.2% red, 16.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 65.3% magenta, 0% yellow and 53.7% black. It has a hue angle of 246.2 degrees, a saturation of 48.4% and a lightness of 31.2%. #312976 color hex could be obtained by blending #6252ec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 16
- B 46
RGB color chart
- C 58
- M 65
- Y 0
- K 54
CMYK color chart

● #312976 color description : Dark moderate blue.

The hexadecimal color #312976 has RGB values of R:49, G:41, B:118 and CMYK values of C:0.58, M:0.65, Y:0, K:0.54. Its decimal value is 3221878.

Hex triplet	312976	`#312976`
RGB Decimal	49, 41, 118	`rgb(49,41,118)`
RGB Percent	19.2, 16.1, 46.3	`rgb(19.2%,16.1%,46.3%)`
CMYK	58, 65, 0, 54
HSL	246.2°, 48.4, 31.2	`hsl(246.2,48.4%,31.2%)`
HSV (or HSB)	246.2°, 65.3, 46.3
Web Safe	333366	`#333366`

CIE-LAB	22.112, 27.092, -43.117
XYZ	5.329, 3.547, 17.542
xyY	0.202, 0.134, 3.547
CIE-LCH	22.112, 50.922, 302.143
CIE-LUV	22.112, -1.746, -52.08
Hunter-Lab	18.833, 17.552, -42.045
Binary	00110001, 00101001, 01110110

#312976
```
#312976 rgb(49,41,118)
```
#6e7629
```
#6e7629 rgb(110,118,41)
```

Complementary Color

#294776
```
#294776 rgb(41,71,118)
```
#312976
```
#312976 rgb(49,41,118)
```
#582976
```
#582976 rgb(88,41,118)
```

Analogous Color

#487629
```
#487629 rgb(72,118,41)
```
#312976
```
#312976 rgb(49,41,118)
```
#765829
```
#765829 rgb(118,88,41)
```

Split Complementary Color

#297631
```
#297631 rgb(41,118,49)
```
#312976
```
#312976 rgb(49,41,118)
```
#763129
```
#763129 rgb(118,49,41)
```

Triadic Color

#296e76
```
#296e76 rgb(41,110,118)
```
#312976
```
#312976 rgb(49,41,118)
```
#763129
```
#763129 rgb(118,49,41)
```
#6e7629
```
#6e7629 rgb(110,118,41)
```

Tetradic Color

#19153d
```
#19153d rgb(25,21,61)
```
#211c50
```
#211c50 rgb(33,28,80)
```
#292263
```
#292263 rgb(41,34,99)
```
#312976
```
#312976 rgb(49,41,118)
```
#393089
```
#393089 rgb(57,48,137)
```
#41369c
```
#41369c rgb(65,54,156)
```
#493daf
```
#493daf rgb(73,61,175)
```

Monochromatic Color

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

#293476
```
#293476 rgb(41,52,118)
```
#292e76
```
#292e76 rgb(41,46,118)
```
#2b2976
```
#2b2976 rgb(43,41,118)
```
#312976
```
#312976 rgb(49,41,118)
```
#372976
```
#372976 rgb(55,41,118)
```
#3e2976
```
#3e2976 rgb(62,41,118)
```
#442976
```
#442976 rgb(68,41,118)
```

Similar Colors

Text with hexadecimal color #312976

This text has a font color of #312976.

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

#312976 background color

This paragraph has a background color of #312976.

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

#312976 border color

This element has a border color of #312976.

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

CSS codes

.text {color:#312976;}

.background {background-color:#312976;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070610
```
#070610 rgb(7,6,16)
```
#0d0b1f
```
#0d0b1f rgb(13,11,31)
```
#13102d
```
#13102d rgb(19,16,45)
```
#19153c
```
#19153c rgb(25,21,60)
```
#1f1a4a
```
#1f1a4a rgb(31,26,74)
```
#251f59
```
#251f59 rgb(37,31,89)
```
#2b2467
```
#2b2467 rgb(43,36,103)
```
#312976
```
#312976 rgb(49,41,118)
```
#372e85
```
#372e85 rgb(55,46,133)
```
#3d3393
```
#3d3393 rgb(61,51,147)
```
#4338a2
```
#4338a2 rgb(67,56,162)
```
#493db0
```
#493db0 rgb(73,61,176)
```

Shade Color Variation

#5043be
```
#5043be rgb(80,67,190)
```
#5e52c3
```
#5e52c3 rgb(94,82,195)
```
#6b60c8
```
#6b60c8 rgb(107,96,200)
```
#796fcd
```
#796fcd rgb(121,111,205)
```
#867ed2
```
#867ed2 rgb(134,126,210)
```
#948cd7
```
#948cd7 rgb(148,140,215)
```
#a19bdc
```
#a19bdc rgb(161,155,220)
```
#afa9e1
```
#afa9e1 rgb(175,169,225)
```
#bdb8e6
```
#bdb8e6 rgb(189,184,230)
```
#cac6eb
```
#cac6eb rgb(202,198,235)
```
#d8d5f0
```
#d8d5f0 rgb(216,213,240)
```
#e5e3f5
```
#e5e3f5 rgb(229,227,245)
```
#f3f2fa
```
#f3f2fa rgb(243,242,250)
```

Tint Color Variation

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

#4e4e51
```
#4e4e51 rgb(78,78,81)
```
#494857
```
#494857 rgb(73,72,87)
```
#44415e
```
#44415e rgb(68,65,94)
```
#403b64
```
#403b64 rgb(64,59,100)
```
#3b356a
```
#3b356a rgb(59,53,106)
```
#362f70
```
#362f70 rgb(54,47,112)
```
#312976
```
#312976 rgb(49,41,118)
```
#2c237c
```
#2c237c rgb(44,35,124)
```
#271d82
```
#271d82 rgb(39,29,130)
```
#221788
```
#221788 rgb(34,23,136)
```
#1e118e
```
#1e118e rgb(30,17,142)
```
#190a95
```
#190a95 rgb(25,10,149)
```
#14049b
```
#14049b rgb(20,4,155)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#333241 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d78 Protanopia 1% of men
#004069 Deuteranopia 1% of men
#214449 Tritanopia 0.001% of the population

Trichromacy

#113677 Protanomaly 1% of men, 0.01% of women
#11386e Deuteranomaly 6% of men, 0.4% of women
#273a59 Tritanomaly 0.01% of the population

#312976 hex color

#312976 Color Information

#312976 Color Conversion

Color Schemes with #312976

Alternatives to #312976

#312976 Preview

Shades and Tints of #312976

Tones of #312976

Color Blindness Simulator