#313a5d hex color

In a RGB color space, hex #313a5d is composed of 19.2% red, 22.7% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 37.6% magenta, 0% yellow and 63.5% black. It has a hue angle of 227.7 degrees, a saturation of 31% and a lightness of 27.8%. #313a5d color hex could be obtained by blending #6274ba with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 23
- B 36
RGB color chart
- C 47
- M 38
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #313a5d has RGB values of R:49, G:58, B:93 and CMYK values of C:0.47, M:0.38, Y:0, K:0.64. Its decimal value is 3226205.

Hex triplet	313a5d	`#313a5d`
RGB Decimal	49, 58, 93	`rgb(49,58,93)`
RGB Percent	19.2, 22.7, 36.5	`rgb(19.2%,22.7%,36.5%)`
CMYK	47, 38, 0, 64
HSL	227.7°, 31, 27.8	`hsl(227.7,31%,27.8%)`
HSV (or HSB)	227.7°, 47.3, 36.5
Web Safe	333366	`#333366`

CIE-LAB	25.166, 6.798, -22.081
XYZ	4.755, 4.469, 10.967
xyY	0.235, 0.221, 4.469
CIE-LCH	25.166, 23.104, 287.112
CIE-LUV	25.166, -5.29, -27.529
Hunter-Lab	21.141, 3.153, -15.96
Binary	00110001, 00111010, 01011101

#313a5d
```
#313a5d rgb(49,58,93)
```
#5d5431
```
#5d5431 rgb(93,84,49)
```

Complementary Color

#31505d
```
#31505d rgb(49,80,93)
```
#313a5d
```
#313a5d rgb(49,58,93)
```
#3e315d
```
#3e315d rgb(62,49,93)
```

Analogous Color

#505d31
```
#505d31 rgb(80,93,49)
```
#313a5d
```
#313a5d rgb(49,58,93)
```
#5d3e31
```
#5d3e31 rgb(93,62,49)
```

Split Complementary Color

#3a5d31
```
#3a5d31 rgb(58,93,49)
```
#313a5d
```
#313a5d rgb(49,58,93)
```
#5d313a
```
#5d313a rgb(93,49,58)
```

Triadic Color

#315d54
```
#315d54 rgb(49,93,84)
```
#313a5d
```
#313a5d rgb(49,58,93)
```
#5d313a
```
#5d313a rgb(93,49,58)
```
#5d5431
```
#5d5431 rgb(93,84,49)
```

Tetradic Color

#171b2b
```
#171b2b rgb(23,27,43)
```
#1f253c
```
#1f253c rgb(31,37,60)
```
#28304c
```
#28304c rgb(40,48,76)
```
#313a5d
```
#313a5d rgb(49,58,93)
```
#3a446e
```
#3a446e rgb(58,68,110)
```
#434f7e
```
#434f7e rgb(67,79,126)
```
#4b598f
```
#4b598f rgb(75,89,143)
```

Monochromatic Color

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

#31455d
```
#31455d rgb(49,69,93)
```
#31415d
```
#31415d rgb(49,65,93)
```
#313e5d
```
#313e5d rgb(49,62,93)
```
#313a5d
```
#313a5d rgb(49,58,93)
```
#31365d
```
#31365d rgb(49,54,93)
```
#31335d
```
#31335d rgb(49,51,93)
```
#33315d
```
#33315d rgb(51,49,93)
```

Similar Colors

Text with hexadecimal color #313a5d

This text has a font color of #313a5d.

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

#313a5d background color

This paragraph has a background color of #313a5d.

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

#313a5d border color

This element has a border color of #313a5d.

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

CSS codes

.text {color:#313a5d;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080a10
```
#080a10 rgb(8,10,16)
```
#0f121d
```
#0f121d rgb(15,18,29)
```
#161a2a
```
#161a2a rgb(22,26,42)
```
#1d2236
```
#1d2236 rgb(29,34,54)
```
#232a43
```
#232a43 rgb(35,42,67)
```
#2a3250
```
#2a3250 rgb(42,50,80)
```
#313a5d
```
#313a5d rgb(49,58,93)
```
#38426a
```
#38426a rgb(56,66,106)
```
#3f4a77
```
#3f4a77 rgb(63,74,119)
```
#455284
```
#455284 rgb(69,82,132)
```
#4c5a90
```
#4c5a90 rgb(76,90,144)
```
#53629d
```
#53629d rgb(83,98,157)
```

Shade Color Variation

#5b6ba9
```
#5b6ba9 rgb(91,107,169)
```
#6877af
```
#6877af rgb(104,119,175)
```
#7582b6
```
#7582b6 rgb(117,130,182)
```
#828ebd
```
#828ebd rgb(130,142,189)
```
#8e99c4
```
#8e99c4 rgb(142,153,196)
```
#9ba5ca
```
#9ba5ca rgb(155,165,202)
```
#a8b1d1
```
#a8b1d1 rgb(168,177,209)
```
#b5bcd8
```
#b5bcd8 rgb(181,188,216)
```
#c2c8df
```
#c2c8df rgb(194,200,223)
```
#cfd3e6
```
#cfd3e6 rgb(207,211,230)
```
#dcdfec
```
#dcdfec rgb(220,223,236)
```
#e8ebf3
```
#e8ebf3 rgb(232,235,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

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

#474747
```
#474747 rgb(71,71,71)
```
#41444d
```
#41444d rgb(65,68,77)
```
#3c4052
```
#3c4052 rgb(60,64,82)
```
#363d58
```
#363d58 rgb(54,61,88)
```
#313a5d
```
#313a5d rgb(49,58,93)
```
#2c3762
```
#2c3762 rgb(44,55,98)
```
#263468
```
#263468 rgb(38,52,104)
```
#21306d
```
#21306d rgb(33,48,109)
```
#1b2d73
```
#1b2d73 rgb(27,45,115)
```
#162a78
```
#162a78 rgb(22,42,120)
```
#10277e
```
#10277e rgb(16,39,126)
```
#0b2383
```
#0b2383 rgb(11,35,131)
```
#052089
```
#052089 rgb(5,32,137)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393b42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#394465 Protanopia 1% of men
#364564 Deuteranopia 1% of men
#33494e Tritanopia 0.001% of the population

Trichromacy

#364062 Protanomaly 1% of men, 0.01% of women
#344162 Deuteranomaly 6% of men, 0.4% of women
#324353 Tritanomaly 0.01% of the population

#313a5d hex color

#313a5d Color Information

#313a5d Color Conversion

Color Schemes with #313a5d

Alternatives to #313a5d

#313a5d Preview

Shades and Tints of #313a5d

Tones of #313a5d

Color Blindness Simulator