#314e6d hex color

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

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

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

The hexadecimal color #314e6d has RGB values of R:49, G:78, B:109 and CMYK values of C:0.55, M:0.28, Y:0, K:0.57. Its decimal value is 3231341.

Hex triplet	314e6d	`#314e6d`
RGB Decimal	49, 78, 109	`rgb(49,78,109)`
RGB Percent	19.2, 30.6, 42.7	`rgb(19.2%,30.6%,42.7%)`
CMYK	55, 28, 0, 57
HSL	211°, 38, 31	`hsl(211,38%,31%)`
HSV (or HSB)	211°, 55, 42.7
Web Safe	336666	`#336666`

CIE-LAB	32.27, -0.996, -21.209
XYZ	6.751, 7.206, 15.502
xyY	0.229, 0.245, 7.206
CIE-LCH	32.27, 21.233, 267.31
CIE-LUV	32.27, -12.784, -27.853
Hunter-Lab	26.843, -2.085, -15.451
Binary	00110001, 01001110, 01101101

#314e6d
```
#314e6d rgb(49,78,109)
```
#6d5031
```
#6d5031 rgb(109,80,49)
```

Complementary Color

#316c6d
```
#316c6d rgb(49,108,109)
```
#314e6d
```
#314e6d rgb(49,78,109)
```
#32316d
```
#32316d rgb(50,49,109)
```

Analogous Color

#6c6d31
```
#6c6d31 rgb(108,109,49)
```
#314e6d
```
#314e6d rgb(49,78,109)
```
#6d3231
```
#6d3231 rgb(109,50,49)
```

Split Complementary Color

#4e6d31
```
#4e6d31 rgb(78,109,49)
```
#314e6d
```
#314e6d rgb(49,78,109)
```
#6d314e
```
#6d314e rgb(109,49,78)
```

Triadic Color

#316d50
```
#316d50 rgb(49,109,80)
```
#314e6d
```
#314e6d rgb(49,78,109)
```
#6d314e
```
#6d314e rgb(109,49,78)
```
#6d5031
```
#6d5031 rgb(109,80,49)
```

Tetradic Color

#192838
```
#192838 rgb(25,40,56)
```
#21354a
```
#21354a rgb(33,53,74)
```
#29415b
```
#29415b rgb(41,65,91)
```
#314e6d
```
#314e6d rgb(49,78,109)
```
#395b7f
```
#395b7f rgb(57,91,127)
```
#416790
```
#416790 rgb(65,103,144)
```
#4974a2
```
#4974a2 rgb(73,116,162)
```

Monochromatic Color

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

#315d6d
```
#315d6d rgb(49,93,109)
```
#31586d
```
#31586d rgb(49,88,109)
```
#31536d
```
#31536d rgb(49,83,109)
```
#314e6d
```
#314e6d rgb(49,78,109)
```
#31496d
```
#31496d rgb(49,73,109)
```
#31446d
```
#31446d rgb(49,68,109)
```
#313f6d
```
#313f6d rgb(49,63,109)
```

Similar Colors

Text with hexadecimal color #314e6d

This text has a font color of #314e6d.

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

#314e6d background color

This paragraph has a background color of #314e6d.

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

#314e6d border color

This element has a border color of #314e6d.

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

CSS codes

.text {color:#314e6d;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060a0e
```
#060a0e rgb(6,10,14)
```
#0d141c
```
#0d141c rgb(13,20,28)
```
#131e29
```
#131e29 rgb(19,30,41)
```
#192737
```
#192737 rgb(25,39,55)
```
#1f3144
```
#1f3144 rgb(31,49,68)
```
#253b52
```
#253b52 rgb(37,59,82)
```
#2b445f
```
#2b445f rgb(43,68,95)
```
#314e6d
```
#314e6d rgb(49,78,109)
```
#37587b
```
#37587b rgb(55,88,123)
```
#3d6188
```
#3d6188 rgb(61,97,136)
```
#436b96
```
#436b96 rgb(67,107,150)
```
#4975a3
```
#4975a3 rgb(73,117,163)
```

Shade Color Variation

#507eb0
```
#507eb0 rgb(80,126,176)
```
#5d88b6
```
#5d88b6 rgb(93,136,182)
```
#6b92bc
```
#6b92bc rgb(107,146,188)
```
#789cc3
```
#789cc3 rgb(120,156,195)
```
#86a6c9
```
#86a6c9 rgb(134,166,201)
```
#93b0cf
```
#93b0cf rgb(147,176,207)
```
#a1bad5
```
#a1bad5 rgb(161,186,213)
```
#afc4db
```
#afc4db rgb(175,196,219)
```
#bccee1
```
#bccee1 rgb(188,206,225)
```
#cad8e7
```
#cad8e7 rgb(202,216,231)
```
#d7e2ed
```
#d7e2ed rgb(215,226,237)
```
#e5ecf3
```
#e5ecf3 rgb(229,236,243)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

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

#494f55
```
#494f55 rgb(73,79,85)
```
#434f5b
```
#434f5b rgb(67,79,91)
```
#3d4e61
```
#3d4e61 rgb(61,78,97)
```
#374e67
```
#374e67 rgb(55,78,103)
```
#314e6d
```
#314e6d rgb(49,78,109)
```
#2b4e73
```
#2b4e73 rgb(43,78,115)
```
#254e79
```
#254e79 rgb(37,78,121)
```
#1f4d7f
```
#1f4d7f rgb(31,77,127)
```
#194d85
```
#194d85 rgb(25,77,133)
```
#134d8b
```
#134d8b rgb(19,77,139)
```
#0d4d91
```
#0d4d91 rgb(13,77,145)
```
#064d98
```
#064d98 rgb(6,77,152)
```
#004c9e
```
#004c9e rgb(0,76,158)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5472 Protanopia 1% of men
#485475 Deuteranopia 1% of men
#335a61 Tritanopia 0.001% of the population

Trichromacy

#415170 Protanomaly 1% of men, 0.01% of women
#3f5272 Deuteranomaly 6% of men, 0.4% of women
#325665 Tritanomaly 0.01% of the population

#314e6d hex color

#314e6d Color Information

#314e6d Color Conversion

Color Schemes with #314e6d

Alternatives to #314e6d

#314e6d Preview

Shades and Tints of #314e6d

Tones of #314e6d

Color Blindness Simulator