#314b5d hex color

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

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

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

The hexadecimal color #314b5d has RGB values of R:49, G:75, B:93 and CMYK values of C:0.47, M:0.19, Y:0, K:0.64. Its decimal value is 3230557.

Hex triplet	314b5d	`#314b5d`
RGB Decimal	49, 75, 93	`rgb(49,75,93)`
RGB Percent	19.2, 29.4, 36.5	`rgb(19.2%,29.4%,36.5%)`
CMYK	47, 19, 0, 64
HSL	204.5°, 31, 27.8	`hsl(204.5,31%,27.8%)`
HSV (or HSB)	204.5°, 47.3, 36.5
Web Safe	333366	`#333366`

CIE-LAB	30.581, -4.407, -13.68
XYZ	5.758, 6.475, 11.302
xyY	0.245, 0.275, 6.475
CIE-LCH	30.581, 14.373, 252.144
CIE-LUV	30.581, -11.714, -16.82
Hunter-Lab	25.446, -4.14, -8.521
Binary	00110001, 01001011, 01011101

#314b5d
```
#314b5d rgb(49,75,93)
```
#5d4331
```
#5d4331 rgb(93,67,49)
```

Complementary Color

#315d59
```
#315d59 rgb(49,93,89)
```
#314b5d
```
#314b5d rgb(49,75,93)
```
#31355d
```
#31355d rgb(49,53,93)
```

Analogous Color

#5d5931
```
#5d5931 rgb(93,89,49)
```
#314b5d
```
#314b5d rgb(49,75,93)
```
#5d3135
```
#5d3135 rgb(93,49,53)
```

Split Complementary Color

#4b5d31
```
#4b5d31 rgb(75,93,49)
```
#314b5d
```
#314b5d rgb(49,75,93)
```
#5d314b
```
#5d314b rgb(93,49,75)
```

Triadic Color

#315d43
```
#315d43 rgb(49,93,67)
```
#314b5d
```
#314b5d rgb(49,75,93)
```
#5d314b
```
#5d314b rgb(93,49,75)
```
#5d4331
```
#5d4331 rgb(93,67,49)
```

Tetradic Color

#17232b
```
#17232b rgb(23,35,43)
```
#1f303c
```
#1f303c rgb(31,48,60)
```
#283e4c
```
#283e4c rgb(40,62,76)
```
#314b5d
```
#314b5d rgb(49,75,93)
```
#3a586e
```
#3a586e rgb(58,88,110)
```
#43667e
```
#43667e rgb(67,102,126)
```
#4b738f
```
#4b738f rgb(75,115,143)
```

Monochromatic Color

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

#31565d
```
#31565d rgb(49,86,93)
```
#31525d
```
#31525d rgb(49,82,93)
```
#314f5d
```
#314f5d rgb(49,79,93)
```
#314b5d
```
#314b5d rgb(49,75,93)
```
#31475d
```
#31475d rgb(49,71,93)
```
#31445d
```
#31445d rgb(49,68,93)
```
#31405d
```
#31405d rgb(49,64,93)
```

Similar Colors

Text with hexadecimal color #314b5d

This text has a font color of #314b5d.

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

#314b5d background color

This paragraph has a background color of #314b5d.

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

#314b5d border color

This element has a border color of #314b5d.

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

CSS codes

.text {color:#314b5d;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080d10
```
#080d10 rgb(8,13,16)
```
#0f171d
```
#0f171d rgb(15,23,29)
```
#16222a
```
#16222a rgb(22,34,42)
```
#1d2c36
```
#1d2c36 rgb(29,44,54)
```
#233643
```
#233643 rgb(35,54,67)
```
#2a4150
```
#2a4150 rgb(42,65,80)
```
#314b5d
```
#314b5d rgb(49,75,93)
```
#38556a
```
#38556a rgb(56,85,106)
```
#3f6077
```
#3f6077 rgb(63,96,119)
```
#456a84
```
#456a84 rgb(69,106,132)
```
#4c7490
```
#4c7490 rgb(76,116,144)
```
#537f9d
```
#537f9d rgb(83,127,157)
```

Shade Color Variation

#5b89a9
```
#5b89a9 rgb(91,137,169)
```
#6892af
```
#6892af rgb(104,146,175)
```
#759bb6
```
#759bb6 rgb(117,155,182)
```
#82a5bd
```
#82a5bd rgb(130,165,189)
```
#8eaec4
```
#8eaec4 rgb(142,174,196)
```
#9bb7ca
```
#9bb7ca rgb(155,183,202)
```
#a8c0d1
```
#a8c0d1 rgb(168,192,209)
```
#b5cad8
```
#b5cad8 rgb(181,202,216)
```
#c2d3df
```
#c2d3df rgb(194,211,223)
```
#cfdce6
```
#cfdce6 rgb(207,220,230)
```
#dce5ec
```
#dce5ec rgb(220,229,236)
```
#e8eff3
```
#e8eff3 rgb(232,239,243)
```
#f5f8fa
```
#f5f8fa rgb(245,248,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 #055389 is the most saturated one.

#474747
```
#474747 rgb(71,71,71)
```
#41484d
```
#41484d rgb(65,72,77)
```
#3c4952
```
#3c4952 rgb(60,73,82)
```
#364a58
```
#364a58 rgb(54,74,88)
```
#314b5d
```
#314b5d rgb(49,75,93)
```
#2c4c62
```
#2c4c62 rgb(44,76,98)
```
#264d68
```
#264d68 rgb(38,77,104)
```
#214e6d
```
#214e6d rgb(33,78,109)
```
#1b4f73
```
#1b4f73 rgb(27,79,115)
```
#165078
```
#165078 rgb(22,80,120)
```
#10517e
```
#10517e rgb(16,81,126)
```
#0b5283
```
#0b5283 rgb(11,82,131)
```
#055389
```
#055389 rgb(5,83,137)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#41464a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5063 Protanopia 1% of men
#4c5066 Deuteranopia 1% of men
#38565c Tritanopia 0.001% of the population

Trichromacy

#424e60 Protanomaly 1% of men, 0.01% of women
#424e63 Deuteranomaly 6% of men, 0.4% of women
#35525c Tritanomaly 0.01% of the population

#314b5d hex color

#314b5d Color Information

#314b5d Color Conversion

Color Schemes with #314b5d

Alternatives to #314b5d

#314b5d Preview

Shades and Tints of #314b5d

Tones of #314b5d

Color Blindness Simulator