#311396 hex color

In a RGB color space, hex #311396 is composed of 19.2% red, 7.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 87.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 253.7 degrees, a saturation of 77.5% and a lightness of 33.1%. #311396 color hex could be obtained by blending #6226ff with #00002d. Closest websafe color is: #330099.

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

● #311396 color description : Dark blue.

The hexadecimal color #311396 has RGB values of R:49, G:19, B:150 and CMYK values of C:0.67, M:0.87, Y:0, K:0.41. Its decimal value is 3216278.

Hex triplet	311396	`#311396`
RGB Decimal	49, 19, 150	`rgb(49,19,150)`
RGB Percent	19.2, 7.5, 58.8	`rgb(19.2%,7.5%,58.8%)`
CMYK	67, 87, 0, 41
HSL	253.7°, 77.5, 33.1	`hsl(253.7,77.5%,33.1%)`
HSV (or HSB)	253.7°, 87.3, 58.8
Web Safe	330099	`#330099`

CIE-LAB	21.284, 48.911, -64.58
XYZ	7.003, 3.32, 29.124
xyY	0.178, 0.084, 3.32
CIE-LCH	21.284, 81.012, 307.139
CIE-LUV	21.284, -0.981, -72.237
Hunter-Lab	18.222, 36.716, -82.008
Binary	00110001, 00010011, 10010110

#311396
```
#311396 rgb(49,19,150)
```
#789613
```
#789613 rgb(120,150,19)
```

Complementary Color

#133696
```
#133696 rgb(19,54,150)
```
#311396
```
#311396 rgb(49,19,150)
```
#731396
```
#731396 rgb(115,19,150)
```

Analogous Color

#369613
```
#369613 rgb(54,150,19)
```
#311396
```
#311396 rgb(49,19,150)
```
#967313
```
#967313 rgb(150,115,19)
```

Split Complementary Color

#139631
```
#139631 rgb(19,150,49)
```
#311396
```
#311396 rgb(49,19,150)
```
#963113
```
#963113 rgb(150,49,19)
```

Triadic Color

#137896
```
#137896 rgb(19,120,150)
```
#311396
```
#311396 rgb(49,19,150)
```
#963113
```
#963113 rgb(150,49,19)
```
#789613
```
#789613 rgb(120,150,19)
```

Tetradic Color

#1b0a52
```
#1b0a52 rgb(27,10,82)
```
#220d69
```
#220d69 rgb(34,13,105)
```
#2a107f
```
#2a107f rgb(42,16,127)
```
#311396
```
#311396 rgb(49,19,150)
```
#3816ad
```
#3816ad rgb(56,22,173)
```
#4019c3
```
#4019c3 rgb(64,25,195)
```
#471cda
```
#471cda rgb(71,28,218)
```

Monochromatic Color

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

#131696
```
#131696 rgb(19,22,150)
```
#1b1396
```
#1b1396 rgb(27,19,150)
```
#261396
```
#261396 rgb(38,19,150)
```
#311396
```
#311396 rgb(49,19,150)
```
#3c1396
```
#3c1396 rgb(60,19,150)
```
#471396
```
#471396 rgb(71,19,150)
```
#521396
```
#521396 rgb(82,19,150)
```

Similar Colors

Text with hexadecimal color #311396

This text has a font color of #311396.

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

#311396 background color

This paragraph has a background color of #311396.

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

#311396 border color

This element has a border color of #311396.

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

CSS codes

.text {color:#311396;}

.background {background-color:#311396;}

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

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, #04010b is the darkest color, while #faf8fe is the lightest one.

#04010b
```
#04010b rgb(4,1,11)
```
#09041c
```
#09041c rgb(9,4,28)
```
#0f062e
```
#0f062e rgb(15,6,46)
```
#15083f
```
#15083f rgb(21,8,63)
```
#1a0a50
```
#1a0a50 rgb(26,10,80)
```
#200c62
```
#200c62 rgb(32,12,98)
```
#260f73
```
#260f73 rgb(38,15,115)
```
#2b1185
```
#2b1185 rgb(43,17,133)
```
#311396
```
#311396 rgb(49,19,150)
```
#3715a7
```
#3715a7 rgb(55,21,167)
```
#3c17b9
```
#3c17b9 rgb(60,23,185)
```
#421aca
```
#421aca rgb(66,26,202)
```
#481cdc
```
#481cdc rgb(72,28,220)
```

Shade Color Variation

#5327e4
```
#5327e4 rgb(83,39,228)
```
#6039e6
```
#6039e6 rgb(96,57,230)
```
#6e4ae8
```
#6e4ae8 rgb(110,74,232)
```
#7c5cea
```
#7c5cea rgb(124,92,234)
```
#8a6ded
```
#8a6ded rgb(138,109,237)
```
#987eef
```
#987eef rgb(152,126,239)
```
#a690f1
```
#a690f1 rgb(166,144,241)
```
#b4a1f3
```
#b4a1f3 rgb(180,161,243)
```
#c2b3f5
```
#c2b3f5 rgb(194,179,245)
```
#d0c4f8
```
#d0c4f8 rgb(208,196,248)
```
#ded5fa
```
#ded5fa rgb(222,213,250)
```
#ece7fc
```
#ece7fc rgb(236,231,252)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#545455
```
#545455 rgb(84,84,85)
```
#514e5c
```
#514e5c rgb(81,78,92)
```
#4d4762
```
#4d4762 rgb(77,71,98)
```
#4a4169
```
#4a4169 rgb(74,65,105)
```
#463a6f
```
#463a6f rgb(70,58,111)
```
#433476
```
#433476 rgb(67,52,118)
```
#3f2d7c
```
#3f2d7c rgb(63,45,124)
```
#3c2783
```
#3c2783 rgb(60,39,131)
```
#382089
```
#382089 rgb(56,32,137)
```
#351a90
```
#351a90 rgb(53,26,144)
```
#311396
```
#311396 rgb(49,19,150)
```
#2d0d9d
```
#2d0d9d rgb(45,13,157)
```
#2a06a3
```
#2a06a3 rgb(42,6,163)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2640 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#112d80 Protanomaly 1% of men, 0.01% of women
#112f76 Deuteranomaly 6% of men, 0.4% of women
#113264 Tritanomaly 0.01% of the population

#311396 hex color

#311396 Color Information

#311396 Color Conversion

Color Schemes with #311396

Alternatives to #311396

#311396 Preview

Shades and Tints of #311396

Tones of #311396

Color Blindness Simulator