#314749 hex color

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

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

● #314749 color description : Very dark grayish cyan.

The hexadecimal color #314749 has RGB values of R:49, G:71, B:73 and CMYK values of C:0.33, M:0.03, Y:0, K:0.71. Its decimal value is 3229513.

Hex triplet	314749	`#314749`
RGB Decimal	49, 71, 73	`rgb(49,71,73)`
RGB Percent	19.2, 27.8, 28.6	`rgb(19.2%,27.8%,28.6%)`
CMYK	33, 3, 0, 71
HSL	185°, 19.7, 23.9	`hsl(185,19.7%,23.9%)`
HSV (or HSB)	185°, 32.9, 28.6
Web Safe	333333	`#333333`

CIE-LAB	28.486, -7.94, -3.961
XYZ	4.722, 5.64, 7.143
xyY	0.27, 0.322, 5.64
CIE-LCH	28.486, 8.873, 206.514
CIE-LUV	28.486, -10.108, -3.705
Hunter-Lab	23.749, -6.069, -1.208
Binary	00110001, 01000111, 01001001

#314749
```
#314749 rgb(49,71,73)
```
#493331
```
#493331 rgb(73,51,49)
```

Complementary Color

#31493f
```
#31493f rgb(49,73,63)
```
#314749
```
#314749 rgb(49,71,73)
```
#313b49
```
#313b49 rgb(49,59,73)
```

Analogous Color

#493f31
```
#493f31 rgb(73,63,49)
```
#314749
```
#314749 rgb(49,71,73)
```
#49313b
```
#49313b rgb(73,49,59)
```

Split Complementary Color

#474931
```
#474931 rgb(71,73,49)
```
#314749
```
#314749 rgb(49,71,73)
```
#493147
```
#493147 rgb(73,49,71)
```

Triadic Color

#314933
```
#314933 rgb(49,73,51)
```
#314749
```
#314749 rgb(49,71,73)
```
#493147
```
#493147 rgb(73,49,71)
```
#493331
```
#493331 rgb(73,51,49)
```

Tetradic Color

#121a1b
```
#121a1b rgb(18,26,27)
```
#1d292a
```
#1d292a rgb(29,41,42)
```
#27383a
```
#27383a rgb(39,56,58)
```
#314749
```
#314749 rgb(49,71,73)
```
#3b5658
```
#3b5658 rgb(59,86,88)
```
#456568
```
#456568 rgb(69,101,104)
```
#507477
```
#507477 rgb(80,116,119)
```

Monochromatic Color

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

#314945
```
#314945 rgb(49,73,69)
```
#314947
```
#314947 rgb(49,73,71)
```
#314949
```
#314949 rgb(49,73,73)
```
#314749
```
#314749 rgb(49,71,73)
```
#314549
```
#314549 rgb(49,69,73)
```
#314349
```
#314349 rgb(49,67,73)
```
#314149
```
#314149 rgb(49,65,73)
```

Similar Colors

Text with hexadecimal color #314749

This text has a font color of #314749.

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

#314749 background color

This paragraph has a background color of #314749.

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

#314749 border color

This element has a border color of #314749.

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

CSS codes

.text {color:#314749;}

.background {background-color:#314749;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0e0e
```
#0a0e0e rgb(10,14,14)
```
#11191a
```
#11191a rgb(17,25,26)
```
#192526
```
#192526 rgb(25,37,38)
```
#213032
```
#213032 rgb(33,48,50)
```
#293c3d
```
#293c3d rgb(41,60,61)
```
#314749
```
#314749 rgb(49,71,73)
```
#395255
```
#395255 rgb(57,82,85)
```
#415e60
```
#415e60 rgb(65,94,96)
```
#49696c
```
#49696c rgb(73,105,108)
```
#517578
```
#517578 rgb(81,117,120)
```
#588084
```
#588084 rgb(88,128,132)
```
#608b8f
```
#608b8f rgb(96,139,143)
```

Shade Color Variation

#69969a
```
#69969a rgb(105,150,154)
```
#759ea2
```
#759ea2 rgb(117,158,162)
```
#80a7aa
```
#80a7aa rgb(128,167,170)
```
#8cafb2
```
#8cafb2 rgb(140,175,178)
```
#98b7ba
```
#98b7ba rgb(152,183,186)
```
#a4bfc2
```
#a4bfc2 rgb(164,191,194)
```
#afc7ca
```
#afc7ca rgb(175,199,202)
```
#bbd0d1
```
#bbd0d1 rgb(187,208,209)
```
#c7d8d9
```
#c7d8d9 rgb(199,216,217)
```
#d3e0e1
```
#d3e0e1 rgb(211,224,225)
```
#dee8e9
```
#dee8e9 rgb(222,232,233)
```
#eaf0f1
```
#eaf0f1 rgb(234,240,241)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#3a3f40
```
#3a3f40 rgb(58,63,64)
```
#364344
```
#364344 rgb(54,67,68)
```
#314749
```
#314749 rgb(49,71,73)
```
#2c4b4e
```
#2c4b4e rgb(44,75,78)
```
#284f52
```
#284f52 rgb(40,79,82)
```
#235357
```
#235357 rgb(35,83,87)
```
#1e575c
```
#1e575c rgb(30,87,92)
```
#1a5b60
```
#1a5b60 rgb(26,91,96)
```
#155e65
```
#155e65 rgb(21,94,101)
```
#10626a
```
#10626a rgb(16,98,106)
```
#0b666f
```
#0b666f rgb(11,102,111)
```
#076a73
```
#076a73 rgb(7,106,115)
```
#026e78
```
#026e78 rgb(2,110,120)
```

Tone Color Variation

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

Dichromacy

#4d4c50 Protanopia 1% of men
#504b54 Deuteranopia 1% of men
#3c5055 Tritanopia 0.001% of the population

Trichromacy

#424a4d Protanomaly 1% of men, 0.01% of women
#454950 Deuteranomaly 6% of men, 0.4% of women
#384c51 Tritanomaly 0.01% of the population

#314749 hex color

#314749 Color Information

#314749 Color Conversion

Color Schemes with #314749

Alternatives to #314749

#314749 Preview

Shades and Tints of #314749

Tones of #314749

Color Blindness Simulator