#314756 hex color

In a RGB color space, hex #314756 is composed of 19.2% red, 27.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 17.4% magenta, 0% yellow and 66.3% black. It has a hue angle of 204.3 degrees, a saturation of 27.4% and a lightness of 26.5%. #314756 color hex could be obtained by blending #628eac with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 28
- B 34
RGB color chart
- C 43
- M 17
- Y 0
- K 66
CMYK color chart

● #314756 color description : Very dark desaturated blue.

The hexadecimal color #314756 has RGB values of R:49, G:71, B:86 and CMYK values of C:0.43, M:0.17, Y:0, K:0.66. Its decimal value is 3229526.

Hex triplet	314756	`#314756`
RGB Decimal	49, 71, 86	`rgb(49,71,86)`
RGB Percent	19.2, 27.8, 33.7	`rgb(19.2%,27.8%,33.7%)`
CMYK	43, 17, 0, 66
HSL	204.3°, 27.4, 26.5	`hsl(204.3,27.4%,26.5%)`
HSV (or HSB)	204.3°, 43, 33.7
Web Safe	333366	`#333366`

CIE-LAB	28.982, -4.087, -11.63
XYZ	5.199, 5.831, 9.655
xyY	0.251, 0.282, 5.831
CIE-LCH	28.982, 12.327, 250.64
CIE-LUV	28.982, -10.119, -13.891
Hunter-Lab	24.148, -3.826, -6.803
Binary	00110001, 01000111, 01010110

#314756
```
#314756 rgb(49,71,86)
```
#564031
```
#564031 rgb(86,64,49)
```

Complementary Color

#315653
```
#315653 rgb(49,86,83)
```
#314756
```
#314756 rgb(49,71,86)
```
#313556
```
#313556 rgb(49,53,86)
```

Analogous Color

#565331
```
#565331 rgb(86,83,49)
```
#314756
```
#314756 rgb(49,71,86)
```
#563135
```
#563135 rgb(86,49,53)
```

Split Complementary Color

#475631
```
#475631 rgb(71,86,49)
```
#314756
```
#314756 rgb(49,71,86)
```
#563147
```
#563147 rgb(86,49,71)
```

Triadic Color

#315640
```
#315640 rgb(49,86,64)
```
#314756
```
#314756 rgb(49,71,86)
```
#563147
```
#563147 rgb(86,49,71)
```
#564031
```
#564031 rgb(86,64,49)
```

Tetradic Color

#151f25
```
#151f25 rgb(21,31,37)
```
#1e2c36
```
#1e2c36 rgb(30,44,54)
```
#283a46
```
#283a46 rgb(40,58,70)
```
#314756
```
#314756 rgb(49,71,86)
```
#3a5466
```
#3a5466 rgb(58,84,102)
```
#446276
```
#446276 rgb(68,98,118)
```
#4d6f87
```
#4d6f87 rgb(77,111,135)
```

Monochromatic Color

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

#315056
```
#315056 rgb(49,80,86)
```
#314d56
```
#314d56 rgb(49,77,86)
```
#314a56
```
#314a56 rgb(49,74,86)
```
#314756
```
#314756 rgb(49,71,86)
```
#314456
```
#314456 rgb(49,68,86)
```
#314156
```
#314156 rgb(49,65,86)
```
#313e56
```
#313e56 rgb(49,62,86)
```

Similar Colors

Text with hexadecimal color #314756

This text has a font color of #314756.

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

#314756 background color

This paragraph has a background color of #314756.

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

#314756 border color

This element has a border color of #314756.

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

CSS codes

.text {color:#314756;}

.background {background-color:#314756;}

.border {border:1px solid #314756;}

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, #06090b is the darkest color, while #fefefe is the lightest one.

#06090b
```
#06090b rgb(6,9,11)
```
#0d1318
```
#0d1318 rgb(13,19,24)
```
#151e24
```
#151e24 rgb(21,30,36)
```
#1c2831
```
#1c2831 rgb(28,40,49)
```
#23323d
```
#23323d rgb(35,50,61)
```
#2a3d4a
```
#2a3d4a rgb(42,61,74)
```
#314756
```
#314756 rgb(49,71,86)
```
#385162
```
#385162 rgb(56,81,98)
```
#3f5c6f
```
#3f5c6f rgb(63,92,111)
```
#46667b
```
#46667b rgb(70,102,123)
```
#4d7088
```
#4d7088 rgb(77,112,136)
```
#557b94
```
#557b94 rgb(85,123,148)
```
#5c85a1
```
#5c85a1 rgb(92,133,161)
```

Shade Color Variation

#688ea9
```
#688ea9 rgb(104,142,169)
```
#7498b0
```
#7498b0 rgb(116,152,176)
```
#81a1b7
```
#81a1b7 rgb(129,161,183)
```
#8daabe
```
#8daabe rgb(141,170,190)
```
#9ab4c5
```
#9ab4c5 rgb(154,180,197)
```
#a6bdcc
```
#a6bdcc rgb(166,189,204)
```
#b3c6d3
```
#b3c6d3 rgb(179,198,211)
```
#bfcfdb
```
#bfcfdb rgb(191,207,219)
```
#ccd9e2
```
#ccd9e2 rgb(204,217,226)
```
#d8e2e9
```
#d8e2e9 rgb(216,226,233)
```
#e5ebf0
```
#e5ebf0 rgb(229,235,240)
```
#f1f5f7
```
#f1f5f7 rgb(241,245,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#414446
```
#414446 rgb(65,68,70)
```
#3b454c
```
#3b454c rgb(59,69,76)
```
#364651
```
#364651 rgb(54,70,81)
```
#314756
```
#314756 rgb(49,71,86)
```
#2c485b
```
#2c485b rgb(44,72,91)
```
#274960
```
#274960 rgb(39,73,96)
```
#214a66
```
#214a66 rgb(33,74,102)
```
#1c4b6b
```
#1c4b6b rgb(28,75,107)
```
#174c70
```
#174c70 rgb(23,76,112)
```
#124d75
```
#124d75 rgb(18,77,117)
```
#0d4e7a
```
#0d4e7a rgb(13,78,122)
```
#074f80
```
#074f80 rgb(7,79,128)
```
#025085
```
#025085 rgb(2,80,133)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3f4346 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4d5c Protanopia 1% of men
#4b4c60 Deuteranopia 1% of men
#395157 Tritanopia 0.001% of the population

Trichromacy

#414b5a Protanomaly 1% of men, 0.01% of women
#414a5c Deuteranomaly 6% of men, 0.4% of women
#364d57 Tritanomaly 0.01% of the population

#314756 hex color

#314756 Color Information

#314756 Color Conversion

Color Schemes with #314756

Alternatives to #314756

#314756 Preview

Shades and Tints of #314756

Tones of #314756

Color Blindness Simulator