#313d63 hex color

In a RGB color space, hex #313d63 is composed of 19.2% red, 23.9% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 38.4% magenta, 0% yellow and 61.2% black. It has a hue angle of 225.6 degrees, a saturation of 33.8% and a lightness of 29%. #313d63 color hex could be obtained by blending #627ac6 with #000000. Closest websafe color is: #333366.

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

● #313d63 color description : Very dark desaturated blue.

The hexadecimal color #313d63 has RGB values of R:49, G:61, B:99 and CMYK values of C:0.51, M:0.38, Y:0, K:0.61. Its decimal value is 3226979.

Hex triplet	313d63	`#313d63`
RGB Decimal	49, 61, 99	`rgb(49,61,99)`
RGB Percent	19.2, 23.9, 38.8	`rgb(19.2%,23.9%,38.8%)`
CMYK	51, 38, 0, 61
HSL	225.6°, 33.8, 29	`hsl(225.6,33.8%,29%)`
HSV (or HSB)	225.6°, 50.5, 38.8
Web Safe	333366	`#333366`

CIE-LAB	26.422, 6.8, -23.995
XYZ	5.187, 4.891, 12.474
xyY	0.23, 0.217, 4.891
CIE-LCH	26.422, 24.94, 285.822
CIE-LUV	26.422, -6.506, -30.495
Hunter-Lab	22.116, 3.162, -17.961
Binary	00110001, 00111101, 01100011

#313d63
```
#313d63 rgb(49,61,99)
```
#635731
```
#635731 rgb(99,87,49)
```

Complementary Color

#315663
```
#315663 rgb(49,86,99)
```
#313d63
```
#313d63 rgb(49,61,99)
```
#3e3163
```
#3e3163 rgb(62,49,99)
```

Analogous Color

#566331
```
#566331 rgb(86,99,49)
```
#313d63
```
#313d63 rgb(49,61,99)
```
#633e31
```
#633e31 rgb(99,62,49)
```

Split Complementary Color

#3d6331
```
#3d6331 rgb(61,99,49)
```
#313d63
```
#313d63 rgb(49,61,99)
```
#63313d
```
#63313d rgb(99,49,61)
```

Triadic Color

#316357
```
#316357 rgb(49,99,87)
```
#313d63
```
#313d63 rgb(49,61,99)
```
#63313d
```
#63313d rgb(99,49,61)
```
#635731
```
#635731 rgb(99,87,49)
```

Tetradic Color

#181d30
```
#181d30 rgb(24,29,48)
```
#202841
```
#202841 rgb(32,40,65)
```
#293252
```
#293252 rgb(41,50,82)
```
#313d63
```
#313d63 rgb(49,61,99)
```
#394874
```
#394874 rgb(57,72,116)
```
#425285
```
#425285 rgb(66,82,133)
```
#4a5d96
```
#4a5d96 rgb(74,93,150)
```

Monochromatic Color

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

#314a63
```
#314a63 rgb(49,74,99)
```
#314563
```
#314563 rgb(49,69,99)
```
#314163
```
#314163 rgb(49,65,99)
```
#313d63
```
#313d63 rgb(49,61,99)
```
#313963
```
#313963 rgb(49,57,99)
```
#313563
```
#313563 rgb(49,53,99)
```
#323163
```
#323163 rgb(50,49,99)
```

Similar Colors

Text with hexadecimal color #313d63

This text has a font color of #313d63.

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

#313d63 background color

This paragraph has a background color of #313d63.

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

#313d63 border color

This element has a border color of #313d63.

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

CSS codes

.text {color:#313d63;}

.background {background-color:#313d63;}

.border {border:1px solid #313d63;}

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

#040407
```
#040407 rgb(4,4,7)
```
#0a0c14
```
#0a0c14 rgb(10,12,20)
```
#111521
```
#111521 rgb(17,21,33)
```
#171d2f
```
#171d2f rgb(23,29,47)
```
#1e253c
```
#1e253c rgb(30,37,60)
```
#242d49
```
#242d49 rgb(36,45,73)
```
#2b3556
```
#2b3556 rgb(43,53,86)
```
#313d63
```
#313d63 rgb(49,61,99)
```
#374570
```
#374570 rgb(55,69,112)
```
#3e4d7d
```
#3e4d7d rgb(62,77,125)
```
#44558a
```
#44558a rgb(68,85,138)
```
#4b5d97
```
#4b5d97 rgb(75,93,151)
```
#5165a5
```
#5165a5 rgb(81,101,165)
```

Shade Color Variation

#5c6fae
```
#5c6fae rgb(92,111,174)
```
#697bb5
```
#697bb5 rgb(105,123,181)
```
#7686bb
```
#7686bb rgb(118,134,187)
```
#8392c2
```
#8392c2 rgb(131,146,194)
```
#909ec8
```
#909ec8 rgb(144,158,200)
```
#9da9cf
```
#9da9cf rgb(157,169,207)
```
#aab5d5
```
#aab5d5 rgb(170,181,213)
```
#b7c0dc
```
#b7c0dc rgb(183,192,220)
```
#c5cce2
```
#c5cce2 rgb(197,204,226)
```
#d2d7e9
```
#d2d7e9 rgb(210,215,233)
```
#dfe3ef
```
#dfe3ef rgb(223,227,239)
```
#eceef6
```
#eceef6 rgb(236,238,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#48494c
```
#48494c rgb(72,73,76)
```
#424652
```
#424652 rgb(66,70,82)
```
#3c4358
```
#3c4358 rgb(60,67,88)
```
#37405d
```
#37405d rgb(55,64,93)
```
#313d63
```
#313d63 rgb(49,61,99)
```
#2b3a69
```
#2b3a69 rgb(43,58,105)
```
#26376e
```
#26376e rgb(38,55,110)
```
#203474
```
#203474 rgb(32,52,116)
```
#1a317a
```
#1a317a rgb(26,49,122)
```
#152e7f
```
#152e7f rgb(21,46,127)
```
#0f2b85
```
#0f2b85 rgb(15,43,133)
```
#09288b
```
#09288b rgb(9,40,139)
```
#032591
```
#032591 rgb(3,37,145)
```

Tone Color Variation

Below, you can see how #313d63 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
#3b3e45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a476b Protanopia 1% of men
#36486a Deuteranopia 1% of men
#324c52 Tritanopia 0.001% of the population

Trichromacy

#374368 Protanomaly 1% of men, 0.01% of women
#344467 Deuteranomaly 6% of men, 0.4% of women
#314658 Tritanomaly 0.01% of the population

#313d63 hex color

#313d63 Color Information

#313d63 Color Conversion

Color Schemes with #313d63

Alternatives to #313d63

#313d63 Preview

Shades and Tints of #313d63

Tones of #313d63

Color Blindness Simulator