#311296 hex color

In a RGB color space, hex #311296 is composed of 19.2% red, 7.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 88% magenta, 0% yellow and 41.2% black. It has a hue angle of 254.1 degrees, a saturation of 78.6% and a lightness of 32.9%. #311296 color hex could be obtained by blending #6224ff with #00002d. Closest websafe color is: #330099.

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

● #311296 color description : Dark blue.

The hexadecimal color #311296 has RGB values of R:49, G:18, B:150 and CMYK values of C:0.67, M:0.88, Y:0, K:0.41. Its decimal value is 3216022.

Hex triplet	311296	`#311296`
RGB Decimal	49, 18, 150	`rgb(49,18,150)`
RGB Percent	19.2, 7.1, 58.8	`rgb(19.2%,7.1%,58.8%)`
CMYK	67, 88, 0, 41
HSL	254.1°, 78.6, 32.9	`hsl(254.1,78.6%,32.9%)`
HSV (or HSB)	254.1°, 88, 58.8
Web Safe	330099	`#330099`

CIE-LAB	21.16, 49.282, -64.787
XYZ	6.987, 3.287, 29.119
xyY	0.177, 0.083, 3.287
CIE-LCH	21.16, 81.4, 307.259
CIE-LUV	21.16, -0.905, -72.175
Hunter-Lab	18.131, 37.058, -82.53
Binary	00110001, 00010010, 10010110

#311296
```
#311296 rgb(49,18,150)
```
#779612
```
#779612 rgb(119,150,18)
```

Complementary Color

#123596
```
#123596 rgb(18,53,150)
```
#311296
```
#311296 rgb(49,18,150)
```
#731296
```
#731296 rgb(115,18,150)
```

Analogous Color

#359612
```
#359612 rgb(53,150,18)
```
#311296
```
#311296 rgb(49,18,150)
```
#967312
```
#967312 rgb(150,115,18)
```

Split Complementary Color

#129631
```
#129631 rgb(18,150,49)
```
#311296
```
#311296 rgb(49,18,150)
```
#963112
```
#963112 rgb(150,49,18)
```

Triadic Color

#127796
```
#127796 rgb(18,119,150)
```
#311296
```
#311296 rgb(49,18,150)
```
#963112
```
#963112 rgb(150,49,18)
```
#779612
```
#779612 rgb(119,150,18)
```

Tetradic Color

#1b0a52
```
#1b0a52 rgb(27,10,82)
```
#220d68
```
#220d68 rgb(34,13,104)
```
#2a0f7f
```
#2a0f7f rgb(42,15,127)
```
#311296
```
#311296 rgb(49,18,150)
```
#3815ad
```
#3815ad rgb(56,21,173)
```
#4017c4
```
#4017c4 rgb(64,23,196)
```
#471ada
```
#471ada rgb(71,26,218)
```

Monochromatic Color

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

#121496
```
#121496 rgb(18,20,150)
```
#1b1296
```
#1b1296 rgb(27,18,150)
```
#261296
```
#261296 rgb(38,18,150)
```
#311296
```
#311296 rgb(49,18,150)
```
#3c1296
```
#3c1296 rgb(60,18,150)
```
#471296
```
#471296 rgb(71,18,150)
```
#521296
```
#521296 rgb(82,18,150)
```

Similar Colors

Text with hexadecimal color #311296

This text has a font color of #311296.

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

#311296 background color

This paragraph has a background color of #311296.

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

#311296 border color

This element has a border color of #311296.

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

CSS codes

.text {color:#311296;}

.background {background-color:#311296;}

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

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, #03010a is the darkest color, while #f9f7fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#09031b
```
#09031b rgb(9,3,27)
```
#0f052d
```
#0f052d rgb(15,5,45)
```
#14073e
```
#14073e rgb(20,7,62)
```
#1a0a50
```
#1a0a50 rgb(26,10,80)
```
#200c61
```
#200c61 rgb(32,12,97)
```
#260e73
```
#260e73 rgb(38,14,115)
```
#2b1084
```
#2b1084 rgb(43,16,132)
```
#311296
```
#311296 rgb(49,18,150)
```
#3714a8
```
#3714a8 rgb(55,20,168)
```
#3c16b9
```
#3c16b9 rgb(60,22,185)
```
#4218cb
```
#4218cb rgb(66,24,203)
```
#481adc
```
#481adc rgb(72,26,220)
```

Shade Color Variation

#5225e5
```
#5225e5 rgb(82,37,229)
```
#6037e7
```
#6037e7 rgb(96,55,231)
```
#6e48e9
```
#6e48e9 rgb(110,72,233)
```
#7c5aeb
```
#7c5aeb rgb(124,90,235)
```
#8a6bed
```
#8a6bed rgb(138,107,237)
```
#987def
```
#987def rgb(152,125,239)
```
#a68ef1
```
#a68ef1 rgb(166,142,241)
```
#b3a0f4
```
#b3a0f4 rgb(179,160,244)
```
#c1b1f6
```
#c1b1f6 rgb(193,177,246)
```
#cfc3f8
```
#cfc3f8 rgb(207,195,248)
```
#ddd4fa
```
#ddd4fa rgb(221,212,250)
```
#ebe6fc
```
#ebe6fc rgb(235,230,252)
```
#f9f7fe
```
#f9f7fe rgb(249,247,254)
```

Tint Color Variation

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

#535355
```
#535355 rgb(83,83,85)
```
#504c5c
```
#504c5c rgb(80,76,92)
```
#4c4662
```
#4c4662 rgb(76,70,98)
```
#493f69
```
#493f69 rgb(73,63,105)
```
#46396f
```
#46396f rgb(70,57,111)
```
#423276
```
#423276 rgb(66,50,118)
```
#3f2c7c
```
#3f2c7c rgb(63,44,124)
```
#3b2583
```
#3b2583 rgb(59,37,131)
```
#381f89
```
#381f89 rgb(56,31,137)
```
#341890
```
#341890 rgb(52,24,144)
```
#311296
```
#311296 rgb(49,18,150)
```
#2e0c9c
```
#2e0c9c rgb(46,12,156)
```
#2a05a3
```
#2a05a3 rgb(42,5,163)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b2540 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b73 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004347 Tritanopia 0.001% of the population

Trichromacy

#112c80 Protanomaly 1% of men, 0.01% of women
#112e76 Deuteranomaly 6% of men, 0.4% of women
#113163 Tritanomaly 0.01% of the population

#311296 hex color

#311296 Color Information

#311296 Color Conversion

Color Schemes with #311296

Alternatives to #311296

#311296 Preview

Shades and Tints of #311296

Tones of #311296

Color Blindness Simulator