#314944 hex color

In a RGB color space, hex #314944 is composed of 19.2% red, 28.6% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 0% magenta, 6.8% yellow and 71.4% black. It has a hue angle of 167.5 degrees, a saturation of 19.7% and a lightness of 23.9%. #314944 color hex could be obtained by blending #629288 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 29
- B 27
RGB color chart
- C 33
- M 0
- Y 7
- K 71
CMYK color chart

● #314944 color description : Very dark grayish cyan.

The hexadecimal color #314944 has RGB values of R:49, G:73, B:68 and CMYK values of C:0.33, M:0, Y:0.07, K:0.71. Its decimal value is 3230020.

Hex triplet	314944	`#314944`
RGB Decimal	49, 73, 68	`rgb(49,73,68)`
RGB Percent	19.2, 28.6, 26.7	`rgb(19.2%,28.6%,26.7%)`
CMYK	33, 0, 7, 71
HSL	167.5°, 19.7, 23.9	`hsl(167.5,19.7%,23.9%)`
HSV (or HSB)	167.5°, 32.9, 28.6
Web Safe	333333	`#333333`

CIE-LAB	28.993, -10.513, 0.024
XYZ	4.692, 5.835, 6.348
xyY	0.278, 0.346, 5.835
CIE-LCH	28.993, 10.513, 179.868
CIE-LUV	28.993, -10.986, 1.383
Hunter-Lab	24.156, -7.6, 1.33
Binary	00110001, 01001001, 01000100

#314944
```
#314944 rgb(49,73,68)
```
#493136
```
#493136 rgb(73,49,54)
```

Complementary Color

#314938
```
#314938 rgb(49,73,56)
```
#314944
```
#314944 rgb(49,73,68)
```
#314249
```
#314249 rgb(49,66,73)
```

Analogous Color

#493831
```
#493831 rgb(73,56,49)
```
#314944
```
#314944 rgb(49,73,68)
```
#493142
```
#493142 rgb(73,49,66)
```

Split Complementary Color

#494431
```
#494431 rgb(73,68,49)
```
#314944
```
#314944 rgb(49,73,68)
```
#443149
```
#443149 rgb(68,49,73)
```

Triadic Color

#364931
```
#364931 rgb(54,73,49)
```
#314944
```
#314944 rgb(49,73,68)
```
#443149
```
#443149 rgb(68,49,73)
```
#493136
```
#493136 rgb(73,49,54)
```

Tetradic Color

#121b19
```
#121b19 rgb(18,27,25)
```
#1d2a28
```
#1d2a28 rgb(29,42,40)
```
#273a36
```
#273a36 rgb(39,58,54)
```
#314944
```
#314944 rgb(49,73,68)
```
#3b5852
```
#3b5852 rgb(59,88,82)
```
#456860
```
#456860 rgb(69,104,96)
```
#50776f
```
#50776f rgb(80,119,111)
```

Monochromatic Color

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

#31493e
```
#31493e rgb(49,73,62)
```
#314940
```
#314940 rgb(49,73,64)
```
#314942
```
#314942 rgb(49,73,66)
```
#314944
```
#314944 rgb(49,73,68)
```
#314946
```
#314946 rgb(49,73,70)
```
#314948
```
#314948 rgb(49,73,72)
```
#314849
```
#314849 rgb(49,72,73)
```

Similar Colors

Text with hexadecimal color #314944

This text has a font color of #314944.

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

#314944 background color

This paragraph has a background color of #314944.

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

#314944 border color

This element has a border color of #314944.

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

CSS codes

.text {color:#314944;}

.background {background-color:#314944;}

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0a0e0d
```
#0a0e0d rgb(10,14,13)
```
#111a18
```
#111a18 rgb(17,26,24)
```
#192623
```
#192623 rgb(25,38,35)
```
#21322e
```
#21322e rgb(33,50,46)
```
#293d39
```
#293d39 rgb(41,61,57)
```
#314944
```
#314944 rgb(49,73,68)
```
#39554f
```
#39554f rgb(57,85,79)
```
#41605a
```
#41605a rgb(65,96,90)
```
#496c65
```
#496c65 rgb(73,108,101)
```
#517870
```
#517870 rgb(81,120,112)
```
#58847b
```
#58847b rgb(88,132,123)
```
#608f86
```
#608f86 rgb(96,143,134)
```

Shade Color Variation

#699a90
```
#699a90 rgb(105,154,144)
```
#75a299
```
#75a299 rgb(117,162,153)
```
#80aaa1
```
#80aaa1 rgb(128,170,161)
```
#8cb2aa
```
#8cb2aa rgb(140,178,170)
```
#98bab3
```
#98bab3 rgb(152,186,179)
```
#a4c2bb
```
#a4c2bb rgb(164,194,187)
```
#afcac4
```
#afcac4 rgb(175,202,196)
```
#bbd1cd
```
#bbd1cd rgb(187,209,205)
```
#c7d9d5
```
#c7d9d5 rgb(199,217,213)
```
#d3e1de
```
#d3e1de rgb(211,225,222)
```
#dee9e7
```
#dee9e7 rgb(222,233,231)
```
#eaf1f0
```
#eaf1f0 rgb(234,241,240)
```
#f6f9f8
```
#f6f9f8 rgb(246,249,248)
```

Tint Color Variation

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

#3a403f
```
#3a403f rgb(58,64,63)
```
#364441
```
#364441 rgb(54,68,65)
```
#314944
```
#314944 rgb(49,73,68)
```
#2c4e47
```
#2c4e47 rgb(44,78,71)
```
#285249
```
#285249 rgb(40,82,73)
```
#23574c
```
#23574c rgb(35,87,76)
```
#1e5c4f
```
#1e5c4f rgb(30,92,79)
```
#1a6052
```
#1a6052 rgb(26,96,82)
```
#156554
```
#156554 rgb(21,101,84)
```
#106a57
```
#106a57 rgb(16,106,87)
```
#0b6f5a
```
#0b6f5a rgb(11,111,90)
```
#07735d
```
#07735d rgb(7,115,93)
```
#02785f
```
#02785f rgb(2,120,95)
```

Tone Color Variation

Below, you can see how #314944 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
#3e4342 Atypical Achromatopsia 0.001% of the population

Dichromacy

#504d4b Protanopia 1% of men
#544b4f Deuteranopia 1% of men
#3e5156 Tritanopia 0.001% of the population

Trichromacy

#444c48 Protanomaly 1% of men, 0.01% of women
#474a4b Deuteranomaly 6% of men, 0.4% of women
#394e50 Tritanomaly 0.01% of the population

#314944 hex color

#314944 Color Information

#314944 Color Conversion

Color Schemes with #314944

Alternatives to #314944

#314944 Preview

Shades and Tints of #314944

Tones of #314944

Color Blindness Simulator