#314948 hex color

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

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

● #314948 color description : Very dark grayish cyan.

The hexadecimal color #314948 has RGB values of R:49, G:73, B:72 and CMYK values of C:0.33, M:0, Y:0.01, K:0.71. Its decimal value is 3230024.

Hex triplet	314948	`#314948`
RGB Decimal	49, 73, 72	`rgb(49,73,72)`
RGB Percent	19.2, 28.6, 28.2	`rgb(19.2%,28.6%,28.2%)`
CMYK	33, 0, 1, 71
HSL	177.5°, 19.7, 23.9	`hsl(177.5,19.7%,23.9%)`
HSV (or HSB)	177.5°, 32.9, 28.6
Web Safe	333333	`#333333`

CIE-LAB	29.122, -9.44, -2.372
XYZ	4.819, 5.886, 7.013
xyY	0.272, 0.332, 5.886
CIE-LCH	29.122, 9.733, 194.103
CIE-LUV	29.122, -10.971, -1.61
Hunter-Lab	24.261, -7.003, -0.156
Binary	00110001, 01001001, 01001000

#314948
```
#314948 rgb(49,73,72)
```
#493132
```
#493132 rgb(73,49,50)
```

Complementary Color

#31493c
```
#31493c rgb(49,73,60)
```
#314948
```
#314948 rgb(49,73,72)
```
#313e49
```
#313e49 rgb(49,62,73)
```

Analogous Color

#493c31
```
#493c31 rgb(73,60,49)
```
#314948
```
#314948 rgb(49,73,72)
```
#49313e
```
#49313e rgb(73,49,62)
```

Split Complementary Color

#494831
```
#494831 rgb(73,72,49)
```
#314948
```
#314948 rgb(49,73,72)
```
#483149
```
#483149 rgb(72,49,73)
```

Triadic Color

#324931
```
#324931 rgb(50,73,49)
```
#314948
```
#314948 rgb(49,73,72)
```
#483149
```
#483149 rgb(72,49,73)
```
#493132
```
#493132 rgb(73,49,50)
```

Tetradic Color

#121b1b
```
#121b1b rgb(18,27,27)
```
#1d2a2a
```
#1d2a2a rgb(29,42,42)
```
#273a39
```
#273a39 rgb(39,58,57)
```
#314948
```
#314948 rgb(49,73,72)
```
#3b5857
```
#3b5857 rgb(59,88,87)
```
#456866
```
#456866 rgb(69,104,102)
```
#507775
```
#507775 rgb(80,119,117)
```

Monochromatic Color

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

#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)
```
#314649
```
#314649 rgb(49,70,73)
```
#314449
```
#314449 rgb(49,68,73)
```

Similar Colors

Text with hexadecimal color #314948

This text has a font color of #314948.

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

#314948 background color

This paragraph has a background color of #314948.

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

#314948 border color

This element has a border color of #314948.

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

CSS codes

.text {color:#314948;}

.background {background-color:#314948;}

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

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)
```
#111a1a
```
#111a1a rgb(17,26,26)
```
#192625
```
#192625 rgb(25,38,37)
```
#213231
```
#213231 rgb(33,50,49)
```
#293d3c
```
#293d3c rgb(41,61,60)
```
#314948
```
#314948 rgb(49,73,72)
```
#395554
```
#395554 rgb(57,85,84)
```
#41605f
```
#41605f rgb(65,96,95)
```
#496c6b
```
#496c6b rgb(73,108,107)
```
#517876
```
#517876 rgb(81,120,118)
```
#588482
```
#588482 rgb(88,132,130)
```
#608f8d
```
#608f8d rgb(96,143,141)
```

Shade Color Variation

#699a98
```
#699a98 rgb(105,154,152)
```
#75a2a0
```
#75a2a0 rgb(117,162,160)
```
#80aaa8
```
#80aaa8 rgb(128,170,168)
```
#8cb2b0
```
#8cb2b0 rgb(140,178,176)
```
#98bab8
```
#98bab8 rgb(152,186,184)
```
#a4c2c0
```
#a4c2c0 rgb(164,194,192)
```
#afcac8
```
#afcac8 rgb(175,202,200)
```
#bbd1d1
```
#bbd1d1 rgb(187,209,209)
```
#c7d9d9
```
#c7d9d9 rgb(199,217,217)
```
#d3e1e1
```
#d3e1e1 rgb(211,225,225)
```
#dee9e9
```
#dee9e9 rgb(222,233,233)
```
#eaf1f1
```
#eaf1f1 rgb(234,241,241)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#3a403f
```
#3a403f rgb(58,64,63)
```
#364444
```
#364444 rgb(54,68,68)
```
#314948
```
#314948 rgb(49,73,72)
```
#2c4e4c
```
#2c4e4c rgb(44,78,76)
```
#285251
```
#285251 rgb(40,82,81)
```
#235755
```
#235755 rgb(35,87,85)
```
#1e5c59
```
#1e5c59 rgb(30,92,89)
```
#1a605e
```
#1a605e rgb(26,96,94)
```
#156562
```
#156562 rgb(21,101,98)
```
#106a66
```
#106a66 rgb(16,106,102)
```
#0b6f6a
```
#0b6f6a rgb(11,111,106)
```
#07736f
```
#07736f rgb(7,115,111)
```
#027873
```
#027873 rgb(2,120,115)
```

Tone Color Variation

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

Dichromacy

#4f4d4f Protanopia 1% of men
#534c53 Deuteranopia 1% of men
#3d5157 Tritanopia 0.001% of the population

Trichromacy

#444c4c Protanomaly 1% of men, 0.01% of women
#464b4f Deuteranomaly 6% of men, 0.4% of women
#384e51 Tritanomaly 0.01% of the population

#314948 hex color

#314948 Color Information

#314948 Color Conversion

Color Schemes with #314948

Alternatives to #314948

#314948 Preview

Shades and Tints of #314948

Tones of #314948

Color Blindness Simulator