#313b5d hex color

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

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

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

The hexadecimal color #313b5d has RGB values of R:49, G:59, B:93 and CMYK values of C:0.47, M:0.37, Y:0, K:0.64. Its decimal value is 3226461.

Hex triplet	313b5d	`#313b5d`
RGB Decimal	49, 59, 93	`rgb(49,59,93)`
RGB Percent	19.2, 23.1, 36.5	`rgb(19.2%,23.1%,36.5%)`
CMYK	47, 37, 0, 64
HSL	226.4°, 31, 27.8	`hsl(226.4,31%,27.8%)`
HSV (or HSB)	226.4°, 47.3, 36.5
Web Safe	333366	`#333366`

CIE-LAB	25.476, 6.116, -21.594
XYZ	4.806, 4.571, 10.984
xyY	0.236, 0.224, 4.571
CIE-LCH	25.476, 22.443, 285.814
CIE-LUV	25.476, -5.642, -26.963
Hunter-Lab	21.38, 2.71, -15.495
Binary	00110001, 00111011, 01011101

#313b5d
```
#313b5d rgb(49,59,93)
```
#5d5331
```
#5d5331 rgb(93,83,49)
```

Complementary Color

#31515d
```
#31515d rgb(49,81,93)
```
#313b5d
```
#313b5d rgb(49,59,93)
```
#3d315d
```
#3d315d rgb(61,49,93)
```

Analogous Color

#515d31
```
#515d31 rgb(81,93,49)
```
#313b5d
```
#313b5d rgb(49,59,93)
```
#5d3d31
```
#5d3d31 rgb(93,61,49)
```

Split Complementary Color

#3b5d31
```
#3b5d31 rgb(59,93,49)
```
#313b5d
```
#313b5d rgb(49,59,93)
```
#5d313b
```
#5d313b rgb(93,49,59)
```

Triadic Color

#315d53
```
#315d53 rgb(49,93,83)
```
#313b5d
```
#313b5d rgb(49,59,93)
```
#5d313b
```
#5d313b rgb(93,49,59)
```
#5d5331
```
#5d5331 rgb(93,83,49)
```

Tetradic Color

#171b2b
```
#171b2b rgb(23,27,43)
```
#1f263c
```
#1f263c rgb(31,38,60)
```
#28304c
```
#28304c rgb(40,48,76)
```
#313b5d
```
#313b5d rgb(49,59,93)
```
#3a466e
```
#3a466e rgb(58,70,110)
```
#43507e
```
#43507e rgb(67,80,126)
```
#4b5b8f
```
#4b5b8f rgb(75,91,143)
```

Monochromatic Color

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

#31465d
```
#31465d rgb(49,70,93)
```
#31425d
```
#31425d rgb(49,66,93)
```
#313f5d
```
#313f5d rgb(49,63,93)
```
#313b5d
```
#313b5d rgb(49,59,93)
```
#31375d
```
#31375d rgb(49,55,93)
```
#31345d
```
#31345d rgb(49,52,93)
```
#32315d
```
#32315d rgb(50,49,93)
```

Similar Colors

Text with hexadecimal color #313b5d

This text has a font color of #313b5d.

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

#313b5d background color

This paragraph has a background color of #313b5d.

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

#313b5d border color

This element has a border color of #313b5d.

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

CSS codes

.text {color:#313b5d;}

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

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

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)
```
#1d2336
```
#1d2336 rgb(29,35,54)
```
#232b43
```
#232b43 rgb(35,43,67)
```
#2a3350
```
#2a3350 rgb(42,51,80)
```
#313b5d
```
#313b5d rgb(49,59,93)
```
#38436a
```
#38436a rgb(56,67,106)
```
#3f4b77
```
#3f4b77 rgb(63,75,119)
```
#455384
```
#455384 rgb(69,83,132)
```
#4c5c90
```
#4c5c90 rgb(76,92,144)
```
#53649d
```
#53649d rgb(83,100,157)
```

Shade Color Variation

#5b6da9
```
#5b6da9 rgb(91,109,169)
```
#6878af
```
#6878af rgb(104,120,175)
```
#7584b6
```
#7584b6 rgb(117,132,182)
```
#828fbd
```
#828fbd rgb(130,143,189)
```
#8e9bc4
```
#8e9bc4 rgb(142,155,196)
```
#9ba6ca
```
#9ba6ca rgb(155,166,202)
```
#a8b1d1
```
#a8b1d1 rgb(168,177,209)
```
#b5bdd8
```
#b5bdd8 rgb(181,189,216)
```
#c2c8df
```
#c2c8df rgb(194,200,223)
```
#cfd4e6
```
#cfd4e6 rgb(207,212,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 #052389 is the most saturated one.

#474747
```
#474747 rgb(71,71,71)
```
#41444d
```
#41444d rgb(65,68,77)
```
#3c4152
```
#3c4152 rgb(60,65,82)
```
#363e58
```
#363e58 rgb(54,62,88)
```
#313b5d
```
#313b5d rgb(49,59,93)
```
#2c3862
```
#2c3862 rgb(44,56,98)
```
#263568
```
#263568 rgb(38,53,104)
```
#21326d
```
#21326d rgb(33,50,109)
```
#1b2f73
```
#1b2f73 rgb(27,47,115)
```
#162c78
```
#162c78 rgb(22,44,120)
```
#10297e
```
#10297e rgb(16,41,126)
```
#0b2683
```
#0b2683 rgb(11,38,131)
```
#052389
```
#052389 rgb(5,35,137)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3c43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4565 Protanopia 1% of men
#374665 Deuteranopia 1% of men
#34494f Tritanopia 0.001% of the population

Trichromacy

#374162 Protanomaly 1% of men, 0.01% of women
#354262 Deuteranomaly 6% of men, 0.4% of women
#324454 Tritanomaly 0.01% of the population

#313b5d hex color

#313b5d Color Information

#313b5d Color Conversion

Color Schemes with #313b5d

Alternatives to #313b5d

#313b5d Preview

Shades and Tints of #313b5d

Tones of #313b5d

Color Blindness Simulator