#314556 hex color

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

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

● #314556 color description : Very dark desaturated blue.

The hexadecimal color #314556 has RGB values of R:49, G:69, B:86 and CMYK values of C:0.43, M:0.2, Y:0, K:0.66. Its decimal value is 3229014.

Hex triplet	314556	`#314556`
RGB Decimal	49, 69, 86	`rgb(49,69,86)`
RGB Percent	19.2, 27.1, 33.7	`rgb(19.2%,27.1%,33.7%)`
CMYK	43, 20, 0, 66
HSL	207.6°, 27.4, 26.5	`hsl(207.6,27.4%,26.5%)`
HSV (or HSB)	207.6°, 43, 33.7
Web Safe	333366	`#333366`

CIE-LAB	28.329, -2.807, -12.627
XYZ	5.074, 5.581, 9.613
xyY	0.25, 0.275, 5.581
CIE-LCH	28.329, 12.936, 257.465
CIE-LUV	28.329, -9.315, -15.22
Hunter-Lab	23.624, -3.003, -7.591
Binary	00110001, 01000101, 01010110

#314556
```
#314556 rgb(49,69,86)
```
#564231
```
#564231 rgb(86,66,49)
```

Complementary Color

#315655
```
#315655 rgb(49,86,85)
```
#314556
```
#314556 rgb(49,69,86)
```
#313356
```
#313356 rgb(49,51,86)
```

Analogous Color

#565531
```
#565531 rgb(86,85,49)
```
#314556
```
#314556 rgb(49,69,86)
```
#563133
```
#563133 rgb(86,49,51)
```

Split Complementary Color

#455631
```
#455631 rgb(69,86,49)
```
#314556
```
#314556 rgb(49,69,86)
```
#563145
```
#563145 rgb(86,49,69)
```

Triadic Color

#315642
```
#315642 rgb(49,86,66)
```
#314556
```
#314556 rgb(49,69,86)
```
#563145
```
#563145 rgb(86,49,69)
```
#564231
```
#564231 rgb(86,66,49)
```

Tetradic Color

#151e25
```
#151e25 rgb(21,30,37)
```
#1e2b36
```
#1e2b36 rgb(30,43,54)
```
#283846
```
#283846 rgb(40,56,70)
```
#314556
```
#314556 rgb(49,69,86)
```
#3a5266
```
#3a5266 rgb(58,82,102)
```
#445f76
```
#445f76 rgb(68,95,118)
```
#4d6c87
```
#4d6c87 rgb(77,108,135)
```

Monochromatic Color

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

#314e56
```
#314e56 rgb(49,78,86)
```
#314b56
```
#314b56 rgb(49,75,86)
```
#314856
```
#314856 rgb(49,72,86)
```
#314556
```
#314556 rgb(49,69,86)
```
#314256
```
#314256 rgb(49,66,86)
```
#313f56
```
#313f56 rgb(49,63,86)
```
#313c56
```
#313c56 rgb(49,60,86)
```

Similar Colors

Text with hexadecimal color #314556

This text has a font color of #314556.

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

#314556 background color

This paragraph has a background color of #314556.

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

#314556 border color

This element has a border color of #314556.

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

CSS codes

.text {color:#314556;}

.background {background-color:#314556;}

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

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)
```
#151d24
```
#151d24 rgb(21,29,36)
```
#1c2731
```
#1c2731 rgb(28,39,49)
```
#23313d
```
#23313d rgb(35,49,61)
```
#2a3b4a
```
#2a3b4a rgb(42,59,74)
```
#314556
```
#314556 rgb(49,69,86)
```
#384f62
```
#384f62 rgb(56,79,98)
```
#3f596f
```
#3f596f rgb(63,89,111)
```
#46637b
```
#46637b rgb(70,99,123)
```
#4d6d88
```
#4d6d88 rgb(77,109,136)
```
#557794
```
#557794 rgb(85,119,148)
```
#5c81a1
```
#5c81a1 rgb(92,129,161)
```

Shade Color Variation

#688ba9
```
#688ba9 rgb(104,139,169)
```
#7494b0
```
#7494b0 rgb(116,148,176)
```
#819eb7
```
#819eb7 rgb(129,158,183)
```
#8da8be
```
#8da8be rgb(141,168,190)
```
#9ab1c5
```
#9ab1c5 rgb(154,177,197)
```
#a6bbcc
```
#a6bbcc rgb(166,187,204)
```
#b3c4d3
```
#b3c4d3 rgb(179,196,211)
```
#bfcedb
```
#bfcedb rgb(191,206,219)
```
#ccd8e2
```
#ccd8e2 rgb(204,216,226)
```
#d8e1e9
```
#d8e1e9 rgb(216,225,233)
```
#e5ebf0
```
#e5ebf0 rgb(229,235,240)
```
#f1f4f7
```
#f1f4f7 rgb(241,244,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 #024985 is the most saturated one.

#414446
```
#414446 rgb(65,68,70)
```
#3b444c
```
#3b444c rgb(59,68,76)
```
#364551
```
#364551 rgb(54,69,81)
```
#314556
```
#314556 rgb(49,69,86)
```
#2c455b
```
#2c455b rgb(44,69,91)
```
#274660
```
#274660 rgb(39,70,96)
```
#214666
```
#214666 rgb(33,70,102)
```
#1c476b
```
#1c476b rgb(28,71,107)
```
#174770
```
#174770 rgb(23,71,112)
```
#124875
```
#124875 rgb(18,72,117)
```
#0d487a
```
#0d487a rgb(13,72,122)
```
#074880
```
#074880 rgb(7,72,128)
```
#024985
```
#024985 rgb(2,73,133)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e4245 Atypical Achromatopsia 0.001% of the population

Dichromacy

#484b5d Protanopia 1% of men
#484b60 Deuteranopia 1% of men
#385056 Tritanopia 0.001% of the population

Trichromacy

#3f495a Protanomaly 1% of men, 0.01% of women
#40495c Deuteranomaly 6% of men, 0.4% of women
#364c56 Tritanomaly 0.01% of the population

#314556 hex color

#314556 Color Information

#314556 Color Conversion

Color Schemes with #314556

Alternatives to #314556

#314556 Preview

Shades and Tints of #314556

Tones of #314556

Color Blindness Simulator