#313396 hex color

In a RGB color space, hex #313396 is composed of 19.2% red, 20% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 66% magenta, 0% yellow and 41.2% black. It has a hue angle of 238.8 degrees, a saturation of 50.8% and a lightness of 39%. #313396 color hex could be obtained by blending #6266ff with #00002d. Closest websafe color is: #333399.

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

● #313396 color description : Dark moderate blue.

The hexadecimal color #313396 has RGB values of R:49, G:51, B:150 and CMYK values of C:0.67, M:0.66, Y:0, K:0.41. Its decimal value is 3224470.

Hex triplet	313396	`#313396`
RGB Decimal	49, 51, 150	`rgb(49,51,150)`
RGB Percent	19.2, 20, 58.8	`rgb(19.2%,20%,58.8%)`
CMYK	67, 66, 0, 41
HSL	238.8°, 50.8, 39	`hsl(238.8,50.8%,39%)`
HSV (or HSB)	238.8°, 67.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	27.359, 31.814, -54.572
XYZ	7.954, 5.222, 29.441
xyY	0.187, 0.123, 5.222
CIE-LCH	27.359, 63.169, 300.241
CIE-LUV	27.359, -5.556, -70.837
Hunter-Lab	22.852, 22.141, -60.389
Binary	00110001, 00110011, 10010110

#313396
```
#313396 rgb(49,51,150)
```
#969431
```
#969431 rgb(150,148,49)
```

Complementary Color

#316696
```
#316696 rgb(49,102,150)
```
#313396
```
#313396 rgb(49,51,150)
```
#613196
```
#613196 rgb(97,49,150)
```

Analogous Color

#669631
```
#669631 rgb(102,150,49)
```
#313396
```
#313396 rgb(49,51,150)
```
#966231
```
#966231 rgb(150,98,49)
```

Split Complementary Color

#339631
```
#339631 rgb(51,150,49)
```
#313396
```
#313396 rgb(49,51,150)
```
#963133
```
#963133 rgb(150,49,51)
```

Triadic Color

#319694
```
#319694 rgb(49,150,148)
```
#313396
```
#313396 rgb(49,51,150)
```
#963133
```
#963133 rgb(150,49,51)
```
#969431
```
#969431 rgb(150,148,49)
```

Tetradic Color

#1e1f5c
```
#1e1f5c rgb(30,31,92)
```
#242670
```
#242670 rgb(36,38,112)
```
#2b2c83
```
#2b2c83 rgb(43,44,131)
```
#313396
```
#313396 rgb(49,51,150)
```
#373aa9
```
#373aa9 rgb(55,58,169)
```
#3e40bc
```
#3e40bc rgb(62,64,188)
```
#4e51c5
```
#4e51c5 rgb(78,81,197)
```

Monochromatic Color

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

#314c96
```
#314c96 rgb(49,76,150)
```
#314496
```
#314496 rgb(49,68,150)
```
#313b96
```
#313b96 rgb(49,59,150)
```
#313396
```
#313396 rgb(49,51,150)
```
#373196
```
#373196 rgb(55,49,150)
```
#403196
```
#403196 rgb(64,49,150)
```
#483196
```
#483196 rgb(72,49,150)
```

Similar Colors

Text with hexadecimal color #313396

This text has a font color of #313396.

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

#313396 background color

This paragraph has a background color of #313396.

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

#313396 border color

This element has a border color of #313396.

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

CSS codes

.text {color:#313396;}

.background {background-color:#313396;}

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

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 #f2f3fb is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#060611
```
#060611 rgb(6,6,17)
```
#0a0b20
```
#0a0b20 rgb(10,11,32)
```
#0f102f
```
#0f102f rgb(15,16,47)
```
#14153d
```
#14153d rgb(20,21,61)
```
#191a4c
```
#191a4c rgb(25,26,76)
```
#1e1f5b
```
#1e1f5b rgb(30,31,91)
```
#23246a
```
#23246a rgb(35,36,106)
```
#272978
```
#272978 rgb(39,41,120)
```
#2c2e87
```
#2c2e87 rgb(44,46,135)
```
#313396
```
#313396 rgb(49,51,150)
```
#3638a5
```
#3638a5 rgb(54,56,165)
```
#3b3db4
```
#3b3db4 rgb(59,61,180)
```

Shade Color Variation

#4143c1
```
#4143c1 rgb(65,67,193)
```
#5052c6
```
#5052c6 rgb(80,82,198)
```
#5f61cb
```
#5f61cb rgb(95,97,203)
```
#6d6fcf
```
#6d6fcf rgb(109,111,207)
```
#7c7ed4
```
#7c7ed4 rgb(124,126,212)
```
#8b8cd9
```
#8b8cd9 rgb(139,140,217)
```
#9a9bde
```
#9a9bde rgb(154,155,222)
```
#a8aae3
```
#a8aae3 rgb(168,170,227)
```
#b7b8e8
```
#b7b8e8 rgb(183,184,232)
```
#c6c7ec
```
#c6c7ec rgb(198,199,236)
```
#d5d5f1
```
#d5d5f1 rgb(213,213,241)
```
#e4e4f6
```
#e4e4f6 rgb(228,228,246)
```
#f2f3fb
```
#f2f3fb rgb(242,243,251)
```

Tint Color Variation

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

#5f5f68
```
#5f5f68 rgb(95,95,104)
```
#575870
```
#575870 rgb(87,88,112)
```
#505077
```
#505077 rgb(80,80,119)
```
#48497f
```
#48497f rgb(72,73,127)
```
#404287
```
#404287 rgb(64,66,135)
```
#393a8e
```
#393a8e rgb(57,58,142)
```
#313396
```
#313396 rgb(49,51,150)
```
#292c9e
```
#292c9e rgb(41,44,158)
```
#2224a5
```
#2224a5 rgb(34,36,165)
```
#1a1dad
```
#1a1dad rgb(26,29,173)
```
#1216b5
```
#1216b5 rgb(18,22,181)
```
#0b0ebc
```
#0b0ebc rgb(11,14,188)
```
#0307c4
```
#0307c4 rgb(3,7,196)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3c50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004c7b Deuteranopia 1% of men
#005157 Tritanopia 0.001% of the population

Trichromacy

#114090 Protanomaly 1% of men, 0.01% of women
#114384 Deuteranomaly 6% of men, 0.4% of women
#11466e Tritanomaly 0.01% of the population

#313396 hex color

#313396 Color Information

#313396 Color Conversion

Color Schemes with #313396

Alternatives to #313396

#313396 Preview

Shades and Tints of #313396

Tones of #313396

Color Blindness Simulator