colorhexa.com

#312d76 hex color

In a RGB color space, hex #312d76 is composed of 19.2% red, 17.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 61.9% magenta, 0% yellow and 53.7% black. It has a hue angle of 243.3 degrees, a saturation of 44.8% and a lightness of 32%. #312d76 color hex could be obtained by blending #625aec with #000000. Closest websafe color is: #333366.

- R 19
- G 18
- B 46
RGB color chart
- C 58
- M 62
- Y 0
- K 54
CMYK color chart

● #312d76 color description : Dark moderate blue.

The hexadecimal color #312d76 has RGB values of R:49, G:45, B:118 and CMYK values of C:0.58, M:0.62, Y:0, K:0.54. Its decimal value is 3222902.

Hex triplet	312d76	`#312d76`
RGB Decimal	49, 45, 118	`rgb(49,45,118)`
RGB Percent	19.2, 17.6, 46.3	`rgb(19.2%,17.6%,46.3%)`
CMYK	58, 62, 0, 54
HSL	243.3°, 44.8, 32	`hsl(243.3,44.8%,32%)`
HSV (or HSB)	243.3°, 61.9, 46.3
Web Safe	333366	`#333366`

CIE-LAB	23.127, 24.444, -41.468
XYZ	5.474, 3.838, 17.591
xyY	0.203, 0.143, 3.838
CIE-LCH	23.127, 48.136, 300.518
CIE-LUV	23.127, -2.633, -51.143
Hunter-Lab	19.59, 15.6, -39.528
Binary	00110001, 00101101, 01110110

#312d76
```
#312d76 rgb(49,45,118)
```
#72762d
```
#72762d rgb(114,118,45)
```

Complementary Color

#2d4e76
```
#2d4e76 rgb(45,78,118)
```
#312d76
```
#312d76 rgb(49,45,118)
```
#552d76
```
#552d76 rgb(85,45,118)
```

Analogous Color

#4e762d
```
#4e762d rgb(78,118,45)
```
#312d76
```
#312d76 rgb(49,45,118)
```
#76552d
```
#76552d rgb(118,85,45)
```

Split Complementary Color

#2d7631
```
#2d7631 rgb(45,118,49)
```
#312d76
```
#312d76 rgb(49,45,118)
```
#76312d
```
#76312d rgb(118,49,45)
```

Triadic Color

#2d7276
```
#2d7276 rgb(45,114,118)
```
#312d76
```
#312d76 rgb(49,45,118)
```
#76312d
```
#76312d rgb(118,49,45)
```
#72762d
```
#72762d rgb(114,118,45)
```

Tetradic Color

#1a183f
```
#1a183f rgb(26,24,63)
```
#221f51
```
#221f51 rgb(34,31,81)
```
#292664
```
#292664 rgb(41,38,100)
```
#312d76
```
#312d76 rgb(49,45,118)
```
#393488
```
#393488 rgb(57,52,136)
```
#403b9b
```
#403b9b rgb(64,59,155)
```
#4842ad
```
#4842ad rgb(72,66,173)
```

Monochromatic Color

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

#2d3b76
```
#2d3b76 rgb(45,59,118)
```
#2d3576
```
#2d3576 rgb(45,53,118)
```
#2d2f76
```
#2d2f76 rgb(45,47,118)
```
#312d76
```
#312d76 rgb(49,45,118)
```
#372d76
```
#372d76 rgb(55,45,118)
```
#3d2d76
```
#3d2d76 rgb(61,45,118)
```
#432d76
```
#432d76 rgb(67,45,118)
```

Similar Colors

Text with hexadecimal color #312d76

This text has a font color of #312d76.

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

#312d76 background color

This paragraph has a background color of #312d76.

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

#312d76 border color

This element has a border color of #312d76.

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

CSS codes

.text {color:#312d76;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080713
```
#080713 rgb(8,7,19)
```
#0e0d21
```
#0e0d21 rgb(14,13,33)
```
#14122f
```
#14122f rgb(20,18,47)
```
#19173d
```
#19173d rgb(25,23,61)
```
#1f1d4b
```
#1f1d4b rgb(31,29,75)
```
#25225a
```
#25225a rgb(37,34,90)
```
#2b2868
```
#2b2868 rgb(43,40,104)
```
#312d76
```
#312d76 rgb(49,45,118)
```
#373284
```
#373284 rgb(55,50,132)
```
#3d3892
```
#3d3892 rgb(61,56,146)
```
#433da1
```
#433da1 rgb(67,61,161)
```
#4943af
```
#4943af rgb(73,67,175)
```

Shade Color Variation

#514bba
```
#514bba rgb(81,75,186)
```
#5f59c0
```
#5f59c0 rgb(95,89,192)
```
#6c67c5
```
#6c67c5 rgb(108,103,197)
```
#7a75cb
```
#7a75cb rgb(122,117,203)
```
#8884d0
```
#8884d0 rgb(136,132,208)
```
#9692d5
```
#9692d5 rgb(150,146,213)
```
#a3a0db
```
#a3a0db rgb(163,160,219)
```
#b1aee0
```
#b1aee0 rgb(177,174,224)
```
#bfbce6
```
#bfbce6 rgb(191,188,230)
```
#cccbeb
```
#cccbeb rgb(204,203,235)
```
#dad9f0
```
#dad9f0 rgb(218,217,240)
```
#e8e7f6
```
#e8e7f6 rgb(232,231,246)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

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

#4d4c57
```
#4d4c57 rgb(77,76,87)
```
#47465d
```
#47465d rgb(71,70,93)
```
#424063
```
#424063 rgb(66,64,99)
```
#3c3a69
```
#3c3a69 rgb(60,58,105)
```
#373370
```
#373370 rgb(55,51,112)
```
#312d76
```
#312d76 rgb(49,45,118)
```
#2b277c
```
#2b277c rgb(43,39,124)
```
#262083
```
#262083 rgb(38,32,131)
```
#201a89
```
#201a89 rgb(32,26,137)
```
#1b148f
```
#1b148f rgb(27,20,143)
```
#150e95
```
#150e95 rgb(21,14,149)
```
#10079c
```
#10079c rgb(16,7,156)
```
#0a01a2
```
#0a01a2 rgb(10,1,162)
```

Tone Color Variation

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

Dichromacy

#003f7c Protanopia 1% of men
#00426d Deuteranopia 1% of men
#22464b Tritanopia 0.001% of the population

Trichromacy

#11387a Protanomaly 1% of men, 0.01% of women
#113a70 Deuteranomaly 6% of men, 0.4% of women
#273d5b Tritanomaly 0.01% of the population