#313296 hex color

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

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

● #313296 color description : Dark moderate blue.

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

Hex triplet	313296	`#313296`
RGB Decimal	49, 50, 150	`rgb(49,50,150)`
RGB Percent	19.2, 19.6, 58.8	`rgb(19.2%,19.6%,58.8%)`
CMYK	67, 67, 0, 41
HSL	239.4°, 50.8, 39	`hsl(239.4,50.8%,39%)`
HSV (or HSB)	239.4°, 67.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	27.118, 32.454, -54.966
XYZ	7.911, 5.136, 29.427
xyY	0.186, 0.121, 5.136
CIE-LCH	27.118, 63.832, 300.559
CIE-LUV	27.118, -5.346, -71.039
Hunter-Lab	22.662, 22.654, -61.124
Binary	00110001, 00110010, 10010110

#313296
```
#313296 rgb(49,50,150)
```
#969531
```
#969531 rgb(150,149,49)
```

Complementary Color

#316596
```
#316596 rgb(49,101,150)
```
#313296
```
#313296 rgb(49,50,150)
```
#633196
```
#633196 rgb(99,49,150)
```

Analogous Color

#659631
```
#659631 rgb(101,150,49)
```
#313296
```
#313296 rgb(49,50,150)
```
#966331
```
#966331 rgb(150,99,49)
```

Split Complementary Color

#329631
```
#329631 rgb(50,150,49)
```
#313296
```
#313296 rgb(49,50,150)
```
#963132
```
#963132 rgb(150,49,50)
```

Triadic Color

#319695
```
#319695 rgb(49,150,149)
```
#313296
```
#313296 rgb(49,50,150)
```
#963132
```
#963132 rgb(150,49,50)
```
#969531
```
#969531 rgb(150,149,49)
```

Tetradic Color

#1e1f5c
```
#1e1f5c rgb(30,31,92)
```
#242570
```
#242570 rgb(36,37,112)
```
#2b2c83
```
#2b2c83 rgb(43,44,131)
```
#313296
```
#313296 rgb(49,50,150)
```
#3738a9
```
#3738a9 rgb(55,56,169)
```
#3e3fbc
```
#3e3fbc rgb(62,63,188)
```
#4e4fc5
```
#4e4fc5 rgb(78,79,197)
```

Monochromatic Color

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

#314b96
```
#314b96 rgb(49,75,150)
```
#314396
```
#314396 rgb(49,67,150)
```
#313a96
```
#313a96 rgb(49,58,150)
```
#313296
```
#313296 rgb(49,50,150)
```
#383196
```
#383196 rgb(56,49,150)
```
#413196
```
#413196 rgb(65,49,150)
```
#493196
```
#493196 rgb(73,49,150)
```

Similar Colors

Text with hexadecimal color #313296

This text has a font color of #313296.

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

#313296 background color

This paragraph has a background color of #313296.

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

#313296 border color

This element has a border color of #313296.

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

CSS codes

.text {color:#313296;}

.background {background-color:#313296;}

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

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 #f2f2fb 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)
```
#14143d
```
#14143d rgb(20,20,61)
```
#19194c
```
#19194c rgb(25,25,76)
```
#1e1e5b
```
#1e1e5b rgb(30,30,91)
```
#23236a
```
#23236a rgb(35,35,106)
```
#272878
```
#272878 rgb(39,40,120)
```
#2c2d87
```
#2c2d87 rgb(44,45,135)
```
#313296
```
#313296 rgb(49,50,150)
```
#3637a5
```
#3637a5 rgb(54,55,165)
```
#3b3cb4
```
#3b3cb4 rgb(59,60,180)
```

Shade Color Variation

#4142c1
```
#4142c1 rgb(65,66,193)
```
#5051c6
```
#5051c6 rgb(80,81,198)
```
#5f60cb
```
#5f60cb rgb(95,96,203)
```
#6d6ecf
```
#6d6ecf rgb(109,110,207)
```
#7c7dd4
```
#7c7dd4 rgb(124,125,212)
```
#8b8cd9
```
#8b8cd9 rgb(139,140,217)
```
#9a9ade
```
#9a9ade rgb(154,154,222)
```
#a8a9e3
```
#a8a9e3 rgb(168,169,227)
```
#b7b8e8
```
#b7b8e8 rgb(183,184,232)
```
#c6c6ec
```
#c6c6ec rgb(198,198,236)
```
#d5d5f1
```
#d5d5f1 rgb(213,213,241)
```
#e4e4f6
```
#e4e4f6 rgb(228,228,246)
```
#f2f2fb
```
#f2f2fb rgb(242,242,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 #0305c4 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)
```
#404187
```
#404187 rgb(64,65,135)
```
#393a8e
```
#393a8e rgb(57,58,142)
```
#313296
```
#313296 rgb(49,50,150)
```
#292a9e
```
#292a9e rgb(41,42,158)
```
#2223a5
```
#2223a5 rgb(34,35,165)
```
#1a1bad
```
#1a1bad rgb(26,27,173)
```
#1214b5
```
#1214b5 rgb(18,20,181)
```
#0b0cbc
```
#0b0cbc rgb(11,12,188)
```
#0305c4
```
#0305c4 rgb(3,5,196)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3b4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478c Protanopia 1% of men
#004b7a Deuteranopia 1% of men
#005156 Tritanopia 0.001% of the population

Trichromacy

#113f8f Protanomaly 1% of men, 0.01% of women
#114284 Deuteranomaly 6% of men, 0.4% of women
#11456d Tritanomaly 0.01% of the population

#313296 hex color

#313296 Color Information

#313296 Color Conversion

Color Schemes with #313296

Alternatives to #313296

#313296 Preview

Shades and Tints of #313296

Tones of #313296

Color Blindness Simulator