#313363 hex color

In a RGB color space, hex #313363 is composed of 19.2% red, 20% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 48.5% magenta, 0% yellow and 61.2% black. It has a hue angle of 237.6 degrees, a saturation of 33.8% and a lightness of 29%. #313363 color hex could be obtained by blending #6266c6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 20
- B 39
RGB color chart
- C 51
- M 48
- Y 0
- K 61
CMYK color chart

● #313363 color description : Very dark desaturated blue.

The hexadecimal color #313363 has RGB values of R:49, G:51, B:99 and CMYK values of C:0.51, M:0.48, Y:0, K:0.61. Its decimal value is 3224419.

Hex triplet	313363	`#313363`
RGB Decimal	49, 51, 99	`rgb(49,51,99)`
RGB Percent	19.2, 20, 38.8	`rgb(19.2%,20%,38.8%)`
CMYK	51, 48, 0, 61
HSL	237.6°, 33.8, 29	`hsl(237.6,33.8%,29%)`
HSV (or HSB)	237.6°, 50.5, 38.8
Web Safe	333366	`#333366`

CIE-LAB	23.41, 13.681, -28.768
XYZ	4.702, 3.921, 12.313
xyY	0.225, 0.187, 3.921
CIE-LCH	23.41, 31.855, 295.435
CIE-LUV	23.41, -3.231, -35.617
Hunter-Lab	19.802, 7.731, -23.004
Binary	00110001, 00110011, 01100011

#313363
```
#313363 rgb(49,51,99)
```
#636131
```
#636131 rgb(99,97,49)
```

Complementary Color

#314c63
```
#314c63 rgb(49,76,99)
```
#313363
```
#313363 rgb(49,51,99)
```
#483163
```
#483163 rgb(72,49,99)
```

Analogous Color

#4c6331
```
#4c6331 rgb(76,99,49)
```
#313363
```
#313363 rgb(49,51,99)
```
#634831
```
#634831 rgb(99,72,49)
```

Split Complementary Color

#336331
```
#336331 rgb(51,99,49)
```
#313363
```
#313363 rgb(49,51,99)
```
#633133
```
#633133 rgb(99,49,51)
```

Triadic Color

#316361
```
#316361 rgb(49,99,97)
```
#313363
```
#313363 rgb(49,51,99)
```
#633133
```
#633133 rgb(99,49,51)
```
#636131
```
#636131 rgb(99,97,49)
```

Tetradic Color

#181930
```
#181930 rgb(24,25,48)
```
#202141
```
#202141 rgb(32,33,65)
```
#292a52
```
#292a52 rgb(41,42,82)
```
#313363
```
#313363 rgb(49,51,99)
```
#393c74
```
#393c74 rgb(57,60,116)
```
#424585
```
#424585 rgb(66,69,133)
```
#4a4d96
```
#4a4d96 rgb(74,77,150)
```

Monochromatic Color

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

#314063
```
#314063 rgb(49,64,99)
```
#313b63
```
#313b63 rgb(49,59,99)
```
#313763
```
#313763 rgb(49,55,99)
```
#313363
```
#313363 rgb(49,51,99)
```
#333163
```
#333163 rgb(51,49,99)
```
#373163
```
#373163 rgb(55,49,99)
```
#3c3163
```
#3c3163 rgb(60,49,99)
```

Similar Colors

Text with hexadecimal color #313363

This text has a font color of #313363.

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

#313363 background color

This paragraph has a background color of #313363.

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

#313363 border color

This element has a border color of #313363.

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

CSS codes

.text {color:#313363;}

.background {background-color:#313363;}

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0a0a14
```
#0a0a14 rgb(10,10,20)
```
#111121
```
#111121 rgb(17,17,33)
```
#17182f
```
#17182f rgb(23,24,47)
```
#1e1f3c
```
#1e1f3c rgb(30,31,60)
```
#242549
```
#242549 rgb(36,37,73)
```
#2b2c56
```
#2b2c56 rgb(43,44,86)
```
#313363
```
#313363 rgb(49,51,99)
```
#373a70
```
#373a70 rgb(55,58,112)
```
#3e417d
```
#3e417d rgb(62,65,125)
```
#44478a
```
#44478a rgb(68,71,138)
```
#4b4e97
```
#4b4e97 rgb(75,78,151)
```
#5155a5
```
#5155a5 rgb(81,85,165)
```

Shade Color Variation

#5c5fae
```
#5c5fae rgb(92,95,174)
```
#696cb5
```
#696cb5 rgb(105,108,181)
```
#7679bb
```
#7679bb rgb(118,121,187)
```
#8385c2
```
#8385c2 rgb(131,133,194)
```
#9092c8
```
#9092c8 rgb(144,146,200)
```
#9d9fcf
```
#9d9fcf rgb(157,159,207)
```
#aaacd5
```
#aaacd5 rgb(170,172,213)
```
#b7b9dc
```
#b7b9dc rgb(183,185,220)
```
#c5c6e2
```
#c5c6e2 rgb(197,198,226)
```
#d2d3e9
```
#d2d3e9 rgb(210,211,233)
```
#dfdfef
```
#dfdfef rgb(223,223,239)
```
#ececf6
```
#ececf6 rgb(236,236,246)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#48484c
```
#48484c rgb(72,72,76)
```
#424352
```
#424352 rgb(66,67,82)
```
#3c3d58
```
#3c3d58 rgb(60,61,88)
```
#37385d
```
#37385d rgb(55,56,93)
```
#313363
```
#313363 rgb(49,51,99)
```
#2b2e69
```
#2b2e69 rgb(43,46,105)
```
#26296e
```
#26296e rgb(38,41,110)
```
#202374
```
#202374 rgb(32,35,116)
```
#1a1e7a
```
#1a1e7a rgb(26,30,122)
```
#15197f
```
#15197f rgb(21,25,127)
```
#0f1485
```
#0f1485 rgb(15,20,133)
```
#090e8b
```
#090e8b rgb(9,14,139)
```
#030991
```
#030991 rgb(3,9,145)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#373741 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b406d Protanopia 1% of men
#254269 Deuteranopia 1% of men
#2f454a Tritanopia 0.001% of the population

Trichromacy

#2d3b69 Protanomaly 1% of men, 0.01% of women
#293c66 Deuteranomaly 6% of men, 0.4% of women
#303e53 Tritanomaly 0.01% of the population

#313363 hex color

#313363 Color Information

#313363 Color Conversion

Color Schemes with #313363

Alternatives to #313363

#313363 Preview

Shades and Tints of #313363

Tones of #313363

Color Blindness Simulator