#312296 hex color

In a RGB color space, hex #312296 is composed of 19.2% red, 13.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 77.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 247.8 degrees, a saturation of 63% and a lightness of 36.1%. #312296 color hex could be obtained by blending #6244ff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 13
- B 59
RGB color chart
- C 67
- M 77
- Y 0
- K 41
CMYK color chart

● #312296 color description : Dark blue.

The hexadecimal color #312296 has RGB values of R:49, G:34, B:150 and CMYK values of C:0.67, M:0.77, Y:0, K:0.41. Its decimal value is 3220118.

Hex triplet	312296	`#312296`
RGB Decimal	49, 34, 150	`rgb(49,34,150)`
RGB Percent	19.2, 13.3, 58.8	`rgb(19.2%,13.3%,58.8%)`
CMYK	67, 77, 0, 41
HSL	247.8°, 63, 36.1	`hsl(247.8,63%,36.1%)`
HSV (or HSB)	247.8°, 77.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	23.667, 41.969, -60.638
XYZ	7.343, 3.999, 29.237
xyY	0.181, 0.099, 3.999
CIE-LCH	23.667, 73.745, 304.688
CIE-LUV	23.667, -2.583, -72.674
Hunter-Lab	19.997, 30.549, -72.691
Binary	00110001, 00100010, 10010110

#312296
```
#312296 rgb(49,34,150)
```
#879622
```
#879622 rgb(135,150,34)
```

Complementary Color

#224d96
```
#224d96 rgb(34,77,150)
```
#312296
```
#312296 rgb(49,34,150)
```
#6b2296
```
#6b2296 rgb(107,34,150)
```

Analogous Color

#4d9622
```
#4d9622 rgb(77,150,34)
```
#312296
```
#312296 rgb(49,34,150)
```
#966b22
```
#966b22 rgb(150,107,34)
```

Split Complementary Color

#229631
```
#229631 rgb(34,150,49)
```
#312296
```
#312296 rgb(49,34,150)
```
#963122
```
#963122 rgb(150,49,34)
```

Triadic Color

#228796
```
#228796 rgb(34,135,150)
```
#312296
```
#312296 rgb(49,34,150)
```
#963122
```
#963122 rgb(150,49,34)
```
#879622
```
#879622 rgb(135,150,34)
```

Tetradic Color

#1d1458
```
#1d1458 rgb(29,20,88)
```
#23196c
```
#23196c rgb(35,25,108)
```
#2a1d81
```
#2a1d81 rgb(42,29,129)
```
#312296
```
#312296 rgb(49,34,150)
```
#3827ab
```
#3827ab rgb(56,39,171)
```
#3f2bc0
```
#3f2bc0 rgb(63,43,192)
```
#4834d1
```
#4834d1 rgb(72,52,209)
```

Monochromatic Color

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

#223096
```
#223096 rgb(34,48,150)
```
#222696
```
#222696 rgb(34,38,150)
```
#272296
```
#272296 rgb(39,34,150)
```
#312296
```
#312296 rgb(49,34,150)
```
#3b2296
```
#3b2296 rgb(59,34,150)
```
#442296
```
#442296 rgb(68,34,150)
```
#4e2296
```
#4e2296 rgb(78,34,150)
```

Similar Colors

Text with hexadecimal color #312296

This text has a font color of #312296.

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

#312296 background color

This paragraph has a background color of #312296.

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

#312296 border color

This element has a border color of #312296.

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

CSS codes

.text {color:#312296;}

.background {background-color:#312296;}

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

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

#020106
```
#020106 rgb(2,1,6)
```
#070516
```
#070516 rgb(7,5,22)
```
#0c0926
```
#0c0926 rgb(12,9,38)
```
#120c36
```
#120c36 rgb(18,12,54)
```
#171046
```
#171046 rgb(23,16,70)
```
#1c1456
```
#1c1456 rgb(28,20,86)
```
#211766
```
#211766 rgb(33,23,102)
```
#271b76
```
#271b76 rgb(39,27,118)
```
#2c1e86
```
#2c1e86 rgb(44,30,134)
```
#312296
```
#312296 rgb(49,34,150)
```
#3626a6
```
#3626a6 rgb(54,38,166)
```
#3b29b6
```
#3b29b6 rgb(59,41,182)
```
#412dc6
```
#412dc6 rgb(65,45,198)
```

Shade Color Variation

#4935d1
```
#4935d1 rgb(73,53,209)
```
#5845d5
```
#5845d5 rgb(88,69,213)
```
#6655d9
```
#6655d9 rgb(102,85,217)
```
#7565dc
```
#7565dc rgb(117,101,220)
```
#8375e0
```
#8375e0 rgb(131,117,224)
```
#9185e3
```
#9185e3 rgb(145,133,227)
```
#a095e7
```
#a095e7 rgb(160,149,231)
```
#aea5eb
```
#aea5eb rgb(174,165,235)
```
#bdb5ee
```
#bdb5ee rgb(189,181,238)
```
#cbc5f2
```
#cbc5f2 rgb(203,197,242)
```
#d9d5f6
```
#d9d5f6 rgb(217,213,246)
```
#e8e5f9
```
#e8e5f9 rgb(232,229,249)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5b5d is the less saturated color, while #1c06b2 is the most saturated one.

#5b5b5d
```
#5b5b5d rgb(91,91,93)
```
#565464
```
#565464 rgb(86,84,100)
```
#504c6c
```
#504c6c rgb(80,76,108)
```
#4b4573
```
#4b4573 rgb(75,69,115)
```
#463e7a
```
#463e7a rgb(70,62,122)
```
#413781
```
#413781 rgb(65,55,129)
```
#3b3088
```
#3b3088 rgb(59,48,136)
```
#36298f
```
#36298f rgb(54,41,143)
```
#312296
```
#312296 rgb(49,34,150)
```
#2c1b9d
```
#2c1b9d rgb(44,27,157)
```
#2714a4
```
#2714a4 rgb(39,20,164)
```
#210dab
```
#210dab rgb(33,13,171)
```
#1c06b2
```
#1c06b2 rgb(28,6,178)
```

Tone Color Variation

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

Dichromacy

#00407d Protanopia 1% of men
#00446d Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#113586 Protanomaly 1% of men, 0.01% of women
#11377c Deuteranomaly 6% of men, 0.4% of women
#113a67 Tritanomaly 0.01% of the population

#312296 hex color

#312296 Color Information

#312296 Color Conversion

Color Schemes with #312296

Alternatives to #312296

#312296 Preview

Shades and Tints of #312296

Tones of #312296

Color Blindness Simulator