#313e6d hex color

In a RGB color space, hex #313e6d is composed of 19.2% red, 24.3% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 43.1% magenta, 0% yellow and 57.3% black. It has a hue angle of 227 degrees, a saturation of 38% and a lightness of 31%. #313e6d color hex could be obtained by blending #627cda with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 24
- B 43
RGB color chart
- C 55
- M 43
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #313e6d has RGB values of R:49, G:62, B:109 and CMYK values of C:0.55, M:0.43, Y:0, K:0.57. Its decimal value is 3227245.

Hex triplet	313e6d	`#313e6d`
RGB Decimal	49, 62, 109	`rgb(49,62,109)`
RGB Percent	19.2, 24.3, 42.7	`rgb(19.2%,24.3%,42.7%)`
CMYK	55, 43, 0, 57
HSL	227°, 38, 31	`hsl(227,38%,31%)`
HSV (or HSB)	227°, 55, 42.7
Web Safe	333366	`#333366`

CIE-LAB	27.303, 9.62, -29.018
XYZ	5.749, 5.202, 15.168
xyY	0.22, 0.199, 5.202
CIE-LCH	27.303, 30.571, 288.34
CIE-LUV	27.303, -7.088, -37.695
Hunter-Lab	22.808, 5.078, -23.465
Binary	00110001, 00111110, 01101101

#313e6d
```
#313e6d rgb(49,62,109)
```
#6d6031
```
#6d6031 rgb(109,96,49)
```

Complementary Color

#315c6d
```
#315c6d rgb(49,92,109)
```
#313e6d
```
#313e6d rgb(49,62,109)
```
#42316d
```
#42316d rgb(66,49,109)
```

Analogous Color

#5c6d31
```
#5c6d31 rgb(92,109,49)
```
#313e6d
```
#313e6d rgb(49,62,109)
```
#6d4231
```
#6d4231 rgb(109,66,49)
```

Split Complementary Color

#3e6d31
```
#3e6d31 rgb(62,109,49)
```
#313e6d
```
#313e6d rgb(49,62,109)
```
#6d313e
```
#6d313e rgb(109,49,62)
```

Triadic Color

#316d60
```
#316d60 rgb(49,109,96)
```
#313e6d
```
#313e6d rgb(49,62,109)
```
#6d313e
```
#6d313e rgb(109,49,62)
```
#6d6031
```
#6d6031 rgb(109,96,49)
```

Tetradic Color

#192038
```
#192038 rgb(25,32,56)
```
#212a4a
```
#212a4a rgb(33,42,74)
```
#29345b
```
#29345b rgb(41,52,91)
```
#313e6d
```
#313e6d rgb(49,62,109)
```
#39487f
```
#39487f rgb(57,72,127)
```
#415290
```
#415290 rgb(65,82,144)
```
#495ca2
```
#495ca2 rgb(73,92,162)
```

Monochromatic Color

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

#314d6d
```
#314d6d rgb(49,77,109)
```
#31486d
```
#31486d rgb(49,72,109)
```
#31436d
```
#31436d rgb(49,67,109)
```
#313e6d
```
#313e6d rgb(49,62,109)
```
#31396d
```
#31396d rgb(49,57,109)
```
#31346d
```
#31346d rgb(49,52,109)
```
#33316d
```
#33316d rgb(51,49,109)
```

Similar Colors

Text with hexadecimal color #313e6d

This text has a font color of #313e6d.

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

#313e6d background color

This paragraph has a background color of #313e6d.

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

#313e6d border color

This element has a border color of #313e6d.

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

CSS codes

.text {color:#313e6d;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#06080e
```
#06080e rgb(6,8,14)
```
#0d101c
```
#0d101c rgb(13,16,28)
```
#131829
```
#131829 rgb(19,24,41)
```
#191f37
```
#191f37 rgb(25,31,55)
```
#1f2744
```
#1f2744 rgb(31,39,68)
```
#252f52
```
#252f52 rgb(37,47,82)
```
#2b365f
```
#2b365f rgb(43,54,95)
```
#313e6d
```
#313e6d rgb(49,62,109)
```
#37467b
```
#37467b rgb(55,70,123)
```
#3d4d88
```
#3d4d88 rgb(61,77,136)
```
#435596
```
#435596 rgb(67,85,150)
```
#495da3
```
#495da3 rgb(73,93,163)
```

Shade Color Variation

#5065b0
```
#5065b0 rgb(80,101,176)
```
#5d71b6
```
#5d71b6 rgb(93,113,182)
```
#6b7dbc
```
#6b7dbc rgb(107,125,188)
```
#7888c3
```
#7888c3 rgb(120,136,195)
```
#8694c9
```
#8694c9 rgb(134,148,201)
```
#93a0cf
```
#93a0cf rgb(147,160,207)
```
#a1acd5
```
#a1acd5 rgb(161,172,213)
```
#afb8db
```
#afb8db rgb(175,184,219)
```
#bcc4e1
```
#bcc4e1 rgb(188,196,225)
```
#cad0e7
```
#cad0e7 rgb(202,208,231)
```
#d7dced
```
#d7dced rgb(215,220,237)
```
#e5e8f3
```
#e5e8f3 rgb(229,232,243)
```
#f2f4f9
```
#f2f4f9 rgb(242,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494c55 is the less saturated color, while #00229e is the most saturated one.

#494c55
```
#494c55 rgb(73,76,85)
```
#43485b
```
#43485b rgb(67,72,91)
```
#3d4561
```
#3d4561 rgb(61,69,97)
```
#374167
```
#374167 rgb(55,65,103)
```
#313e6d
```
#313e6d rgb(49,62,109)
```
#2b3b73
```
#2b3b73 rgb(43,59,115)
```
#253779
```
#253779 rgb(37,55,121)
```
#1f347f
```
#1f347f rgb(31,52,127)
```
#193085
```
#193085 rgb(25,48,133)
```
#132d8b
```
#132d8b rgb(19,45,139)
```
#0d2991
```
#0d2991 rgb(13,41,145)
```
#062698
```
#062698 rgb(6,38,152)
```
#00229e
```
#00229e rgb(0,34,158)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3f48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#364875 Protanopia 1% of men
#2e4a73 Deuteranopia 1% of men
#2e4f55 Tritanopia 0.001% of the population

Trichromacy

#344472 Protanomaly 1% of men, 0.01% of women
#2f4671 Deuteranomaly 6% of men, 0.4% of women
#2f495d Tritanomaly 0.01% of the population

#313e6d hex color

#313e6d Color Information

#313e6d Color Conversion

Color Schemes with #313e6d

Alternatives to #313e6d

#313e6d Preview

Shades and Tints of #313e6d

Tones of #313e6d

Color Blindness Simulator