#314f71 hex color

In a RGB color space, hex #314f71 is composed of 19.2% red, 31% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 30.1% magenta, 0% yellow and 55.7% black. It has a hue angle of 211.9 degrees, a saturation of 39.5% and a lightness of 31.8%. #314f71 color hex could be obtained by blending #629ee2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 31
- B 44
RGB color chart
- C 57
- M 30
- Y 0
- K 56
CMYK color chart

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

The hexadecimal color #314f71 has RGB values of R:49, G:79, B:113 and CMYK values of C:0.57, M:0.3, Y:0, K:0.56. Its decimal value is 3231601.

Hex triplet	314f71	`#314f71`
RGB Decimal	49, 79, 113	`rgb(49,79,113)`
RGB Percent	19.2, 31, 44.3	`rgb(19.2%,31%,44.3%)`
CMYK	57, 30, 0, 56
HSL	211.9°, 39.5, 31.8	`hsl(211.9,39.5%,31.8%)`
HSV (or HSB)	211.9°, 56.6, 44.3
Web Safe	336666	`#336666`

CIE-LAB	32.781, -0.257, -22.922
XYZ	7.043, 7.437, 16.686
xyY	0.226, 0.239, 7.437
CIE-LCH	32.781, 22.923, 269.357
CIE-LUV	32.781, -13.13, -30.461
Hunter-Lab	27.27, -1.626, -17.189
Binary	00110001, 01001111, 01110001

#314f71
```
#314f71 rgb(49,79,113)
```
#715331
```
#715331 rgb(113,83,49)
```

Complementary Color

#316f71
```
#316f71 rgb(49,111,113)
```
#314f71
```
#314f71 rgb(49,79,113)
```
#333171
```
#333171 rgb(51,49,113)
```

Analogous Color

#6f7131
```
#6f7131 rgb(111,113,49)
```
#314f71
```
#314f71 rgb(49,79,113)
```
#713331
```
#713331 rgb(113,51,49)
```

Split Complementary Color

#4f7131
```
#4f7131 rgb(79,113,49)
```
#314f71
```
#314f71 rgb(49,79,113)
```
#71314f
```
#71314f rgb(113,49,79)
```

Triadic Color

#317153
```
#317153 rgb(49,113,83)
```
#314f71
```
#314f71 rgb(49,79,113)
```
#71314f
```
#71314f rgb(113,49,79)
```
#715331
```
#715331 rgb(113,83,49)
```

Tetradic Color

#1a2a3c
```
#1a2a3c rgb(26,42,60)
```
#22364d
```
#22364d rgb(34,54,77)
```
#29435f
```
#29435f rgb(41,67,95)
```
#314f71
```
#314f71 rgb(49,79,113)
```
#395b83
```
#395b83 rgb(57,91,131)
```
#406895
```
#406895 rgb(64,104,149)
```
#4874a6
```
#4874a6 rgb(72,116,166)
```

Monochromatic Color

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

#315f71
```
#315f71 rgb(49,95,113)
```
#315a71
```
#315a71 rgb(49,90,113)
```
#315471
```
#315471 rgb(49,84,113)
```
#314f71
```
#314f71 rgb(49,79,113)
```
#314a71
```
#314a71 rgb(49,74,113)
```
#314471
```
#314471 rgb(49,68,113)
```
#313f71
```
#313f71 rgb(49,63,113)
```

Similar Colors

Text with hexadecimal color #314f71

This text has a font color of #314f71.

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

#314f71 background color

This paragraph has a background color of #314f71.

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

#314f71 border color

This element has a border color of #314f71.

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

CSS codes

.text {color:#314f71;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#070c11
```
#070c11 rgb(7,12,17)
```
#0d161f
```
#0d161f rgb(13,22,31)
```
#131f2d
```
#131f2d rgb(19,31,45)
```
#19293a
```
#19293a rgb(25,41,58)
```
#1f3248
```
#1f3248 rgb(31,50,72)
```
#253c56
```
#253c56 rgb(37,60,86)
```
#2b4563
```
#2b4563 rgb(43,69,99)
```
#314f71
```
#314f71 rgb(49,79,113)
```
#37597f
```
#37597f rgb(55,89,127)
```
#3d628c
```
#3d628c rgb(61,98,140)
```
#436c9a
```
#436c9a rgb(67,108,154)
```
#4975a8
```
#4975a8 rgb(73,117,168)
```

Shade Color Variation

#517fb3
```
#517fb3 rgb(81,127,179)
```
#5e89b9
```
#5e89b9 rgb(94,137,185)
```
#6c93bf
```
#6c93bf rgb(108,147,191)
```
#7a9dc5
```
#7a9dc5 rgb(122,157,197)
```
#87a7cb
```
#87a7cb rgb(135,167,203)
```
#95b1d1
```
#95b1d1 rgb(149,177,209)
```
#a3bbd7
```
#a3bbd7 rgb(163,187,215)
```
#b0c5dd
```
#b0c5dd rgb(176,197,221)
```
#becfe3
```
#becfe3 rgb(190,207,227)
```
#ccd9e9
```
#ccd9e9 rgb(204,217,233)
```
#d9e3ef
```
#d9e3ef rgb(217,227,239)
```
#e7eef5
```
#e7eef5 rgb(231,238,245)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

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

#505152
```
#505152 rgb(80,81,82)
```
#4a5158
```
#4a5158 rgb(74,81,88)
```
#44505e
```
#44505e rgb(68,80,94)
```
#3d5065
```
#3d5065 rgb(61,80,101)
```
#374f6b
```
#374f6b rgb(55,79,107)
```
#314f71
```
#314f71 rgb(49,79,113)
```
#2b4f77
```
#2b4f77 rgb(43,79,119)
```
#254e7d
```
#254e7d rgb(37,78,125)
```
#1e4e84
```
#1e4e84 rgb(30,78,132)
```
#184d8a
```
#184d8a rgb(24,77,138)
```
#124d90
```
#124d90 rgb(18,77,144)
```
#0c4d96
```
#0c4d96 rgb(12,77,150)
```
#054c9d
```
#054c9d rgb(5,76,157)
```

Tone Color Variation

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

#4b5576 Protanopia 1% of men
#465579 Deuteranopia 1% of men
#315c63 Tritanopia 0.001% of the population

Trichromacy

#415274 Protanomaly 1% of men, 0.01% of women
#3e5376 Deuteranomaly 6% of men, 0.4% of women
#315768 Tritanomaly 0.01% of the population

#314f71 hex color

#314f71 Color Information

#314f71 Color Conversion

Color Schemes with #314f71

Alternatives to #314f71

#314f71 Preview

Shades and Tints of #314f71

Tones of #314f71

Color Blindness Simulator