#314e73 hex color

In a RGB color space, hex #314e73 is composed of 19.2% red, 30.6% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 32.2% magenta, 0% yellow and 54.9% black. It has a hue angle of 213.6 degrees, a saturation of 40.2% and a lightness of 32.2%. #314e73 color hex could be obtained by blending #629ce6 with #000000. Closest websafe color is: #336666.

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

● #314e73 color description : Dark moderate blue.

The hexadecimal color #314e73 has RGB values of R:49, G:78, B:115 and CMYK values of C:0.57, M:0.32, Y:0, K:0.55. Its decimal value is 3231347.

Hex triplet	314e73	`#314e73`
RGB Decimal	49, 78, 115	`rgb(49,78,115)`
RGB Percent	19.2, 30.6, 45.1	`rgb(19.2%,30.6%,45.1%)`
CMYK	57, 32, 0, 55
HSL	213.6°, 40.2, 32.2	`hsl(213.6,40.2%,32.2%)`
HSV (or HSB)	213.6°, 57.4, 45.1
Web Safe	336666	`#336666`

CIE-LAB	32.567, 1.086, -24.509
XYZ	7.085, 7.339, 17.262
xyY	0.224, 0.232, 7.339
CIE-LCH	32.567, 24.533, 272.538
CIE-LUV	32.567, -12.748, -32.767
Hunter-Lab	27.091, -0.728, -18.815
Binary	00110001, 01001110, 01110011

#314e73
```
#314e73 rgb(49,78,115)
```
#735631
```
#735631 rgb(115,86,49)
```

Complementary Color

#316f73
```
#316f73 rgb(49,111,115)
```
#314e73
```
#314e73 rgb(49,78,115)
```
#353173
```
#353173 rgb(53,49,115)
```

Analogous Color

#6f7331
```
#6f7331 rgb(111,115,49)
```
#314e73
```
#314e73 rgb(49,78,115)
```
#733531
```
#733531 rgb(115,53,49)
```

Split Complementary Color

#4e7331
```
#4e7331 rgb(78,115,49)
```
#314e73
```
#314e73 rgb(49,78,115)
```
#73314e
```
#73314e rgb(115,49,78)
```

Triadic Color

#317356
```
#317356 rgb(49,115,86)
```
#314e73
```
#314e73 rgb(49,78,115)
```
#73314e
```
#73314e rgb(115,49,78)
```
#735631
```
#735631 rgb(115,86,49)
```

Tetradic Color

#1a2a3d
```
#1a2a3d rgb(26,42,61)
```
#22364f
```
#22364f rgb(34,54,79)
```
#294261
```
#294261 rgb(41,66,97)
```
#314e73
```
#314e73 rgb(49,78,115)
```
#395a85
```
#395a85 rgb(57,90,133)
```
#406697
```
#406697 rgb(64,102,151)
```
#4872a9
```
#4872a9 rgb(72,114,169)
```

Monochromatic Color

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

#315f73
```
#315f73 rgb(49,95,115)
```
#315973
```
#315973 rgb(49,89,115)
```
#315473
```
#315473 rgb(49,84,115)
```
#314e73
```
#314e73 rgb(49,78,115)
```
#314973
```
#314973 rgb(49,73,115)
```
#314373
```
#314373 rgb(49,67,115)
```
#313e73
```
#313e73 rgb(49,62,115)
```

Similar Colors

Text with hexadecimal color #314e73

This text has a font color of #314e73.

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

#314e73 background color

This paragraph has a background color of #314e73.

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

#314e73 border color

This element has a border color of #314e73.

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

CSS codes

.text {color:#314e73;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080d13
```
#080d13 rgb(8,13,19)
```
#0e1620
```
#0e1620 rgb(14,22,32)
```
#141f2e
```
#141f2e rgb(20,31,46)
```
#1a293c
```
#1a293c rgb(26,41,60)
```
#1f324a
```
#1f324a rgb(31,50,74)
```
#253b57
```
#253b57 rgb(37,59,87)
```
#2b4565
```
#2b4565 rgb(43,69,101)
```
#314e73
```
#314e73 rgb(49,78,115)
```
#375781
```
#375781 rgb(55,87,129)
```
#3d618f
```
#3d618f rgb(61,97,143)
```
#436a9c
```
#436a9c rgb(67,106,156)
```
#4873aa
```
#4873aa rgb(72,115,170)
```

Shade Color Variation

#517db5
```
#517db5 rgb(81,125,181)
```
#5f87bb
```
#5f87bb rgb(95,135,187)
```
#6d92c1
```
#6d92c1 rgb(109,146,193)
```
#7a9cc7
```
#7a9cc7 rgb(122,156,199)
```
#88a6cc
```
#88a6cc rgb(136,166,204)
```
#96b0d2
```
#96b0d2 rgb(150,176,210)
```
#a4bbd8
```
#a4bbd8 rgb(164,187,216)
```
#b1c5de
```
#b1c5de rgb(177,197,222)
```
#bfcfe4
```
#bfcfe4 rgb(191,207,228)
```
#cddaea
```
#cddaea rgb(205,218,234)
```
#dbe4f0
```
#dbe4f0 rgb(219,228,240)
```
#e8eef5
```
#e8eef5 rgb(232,238,245)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

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

#515253
```
#515253 rgb(81,82,83)
```
#4a515a
```
#4a515a rgb(74,81,90)
```
#445060
```
#445060 rgb(68,80,96)
```
#3e5066
```
#3e5066 rgb(62,80,102)
```
#374f6d
```
#374f6d rgb(55,79,109)
```
#314e73
```
#314e73 rgb(49,78,115)
```
#2b4d79
```
#2b4d79 rgb(43,77,121)
```
#244c80
```
#244c80 rgb(36,76,128)
```
#1e4c86
```
#1e4c86 rgb(30,76,134)
```
#184b8c
```
#184b8c rgb(24,75,140)
```
#114a93
```
#114a93 rgb(17,74,147)
```
#0b4999
```
#0b4999 rgb(11,73,153)
```
#05499f
```
#05499f rgb(5,73,159)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#454b52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#495478 Protanopia 1% of men
#44557a Deuteranopia 1% of men
#305c62 Tritanopia 0.001% of the population

Trichromacy

#405276 Protanomaly 1% of men, 0.01% of women
#3d5278 Deuteranomaly 6% of men, 0.4% of women
#305668 Tritanomaly 0.01% of the population

#314e73 hex color

#314e73 Color Information

#314e73 Color Conversion

Color Schemes with #314e73

Alternatives to #314e73

#314e73 Preview

Shades and Tints of #314e73

Tones of #314e73

Color Blindness Simulator