#314149 hex color

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

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

● #314149 color description : Very dark grayish blue.

The hexadecimal color #314149 has RGB values of R:49, G:65, B:73 and CMYK values of C:0.33, M:0.11, Y:0, K:0.71. Its decimal value is 3227977.

Hex triplet	314149	`#314149`
RGB Decimal	49, 65, 73	`rgb(49,65,73)`
RGB Percent	19.2, 25.5, 28.6	`rgb(19.2%,25.5%,28.6%)`
CMYK	33, 11, 0, 71
HSL	200°, 19.7, 23.9	`hsl(200,19.7%,23.9%)`
HSV (or HSB)	200°, 32.9, 28.6
Web Safe	333333	`#333333`

CIE-LAB	26.49, -4.169, -6.946
XYZ	4.359, 4.914, 7.022
xyY	0.268, 0.302, 4.914
CIE-LCH	26.49, 8.101, 239.025
CIE-LUV	26.49, -7.562, -7.647
Hunter-Lab	22.169, -3.695, -3.262
Binary	00110001, 01000001, 01001001

#314149
```
#314149 rgb(49,65,73)
```
#493931
```
#493931 rgb(73,57,49)
```

Complementary Color

#314945
```
#314945 rgb(49,73,69)
```
#314149
```
#314149 rgb(49,65,73)
```
#313549
```
#313549 rgb(49,53,73)
```

Analogous Color

#494531
```
#494531 rgb(73,69,49)
```
#314149
```
#314149 rgb(49,65,73)
```
#493135
```
#493135 rgb(73,49,53)
```

Split Complementary Color

#414931
```
#414931 rgb(65,73,49)
```
#314149
```
#314149 rgb(49,65,73)
```
#493141
```
#493141 rgb(73,49,65)
```

Triadic Color

#314939
```
#314939 rgb(49,73,57)
```
#314149
```
#314149 rgb(49,65,73)
```
#493141
```
#493141 rgb(73,49,65)
```
#493931
```
#493931 rgb(73,57,49)
```

Tetradic Color

#12181b
```
#12181b rgb(18,24,27)
```
#1d262a
```
#1d262a rgb(29,38,42)
```
#27333a
```
#27333a rgb(39,51,58)
```
#314149
```
#314149 rgb(49,65,73)
```
#3b4f58
```
#3b4f58 rgb(59,79,88)
```
#455c68
```
#455c68 rgb(69,92,104)
```
#506a77
```
#506a77 rgb(80,106,119)
```

Monochromatic Color

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

#314749
```
#314749 rgb(49,71,73)
```
#314549
```
#314549 rgb(49,69,73)
```
#314349
```
#314349 rgb(49,67,73)
```
#314149
```
#314149 rgb(49,65,73)
```
#313f49
```
#313f49 rgb(49,63,73)
```
#313d49
```
#313d49 rgb(49,61,73)
```
#313b49
```
#313b49 rgb(49,59,73)
```

Similar Colors

Text with hexadecimal color #314149

This text has a font color of #314149.

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

#314149 background color

This paragraph has a background color of #314149.

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

#314149 border color

This element has a border color of #314149.

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

CSS codes

.text {color:#314149;}

.background {background-color:#314149;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0d0e
```
#0a0d0e rgb(10,13,14)
```
#11171a
```
#11171a rgb(17,23,26)
```
#192226
```
#192226 rgb(25,34,38)
```
#212c32
```
#212c32 rgb(33,44,50)
```
#29373d
```
#29373d rgb(41,55,61)
```
#314149
```
#314149 rgb(49,65,73)
```
#394b55
```
#394b55 rgb(57,75,85)
```
#415660
```
#415660 rgb(65,86,96)
```
#49606c
```
#49606c rgb(73,96,108)
```
#516b78
```
#516b78 rgb(81,107,120)
```
#587584
```
#587584 rgb(88,117,132)
```
#60808f
```
#60808f rgb(96,128,143)
```

Shade Color Variation

#698a9a
```
#698a9a rgb(105,138,154)
```
#7593a2
```
#7593a2 rgb(117,147,162)
```
#809caa
```
#809caa rgb(128,156,170)
```
#8ca5b2
```
#8ca5b2 rgb(140,165,178)
```
#98afba
```
#98afba rgb(152,175,186)
```
#a4b8c2
```
#a4b8c2 rgb(164,184,194)
```
#afc1ca
```
#afc1ca rgb(175,193,202)
```
#bbcad1
```
#bbcad1 rgb(187,202,209)
```
#c7d3d9
```
#c7d3d9 rgb(199,211,217)
```
#d3dce1
```
#d3dce1 rgb(211,220,225)
```
#dee6e9
```
#dee6e9 rgb(222,230,233)
```
#eaeff1
```
#eaeff1 rgb(234,239,241)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

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

#3a3e40
```
#3a3e40 rgb(58,62,64)
```
#363f44
```
#363f44 rgb(54,63,68)
```
#314149
```
#314149 rgb(49,65,73)
```
#2c434e
```
#2c434e rgb(44,67,78)
```
#284452
```
#284452 rgb(40,68,82)
```
#234657
```
#234657 rgb(35,70,87)
```
#1e475c
```
#1e475c rgb(30,71,92)
```
#1a4960
```
#1a4960 rgb(26,73,96)
```
#154a65
```
#154a65 rgb(21,74,101)
```
#104c6a
```
#104c6a rgb(16,76,106)
```
#0b4e6f
```
#0b4e6f rgb(11,78,111)
```
#074f73
```
#074f73 rgb(7,79,115)
```
#025178
```
#025178 rgb(2,81,120)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3e3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#474850 Protanopia 1% of men
#494753 Deuteranopia 1% of men
#3b4b50 Tritanopia 0.001% of the population

Trichromacy

#3f454e Protanomaly 1% of men, 0.01% of women
#40444f Deuteranomaly 6% of men, 0.4% of women
#37474d Tritanomaly 0.01% of the population

#314149 hex color

#314149 Color Information

#314149 Color Conversion

Color Schemes with #314149

Alternatives to #314149

#314149 Preview

Shades and Tints of #314149

Tones of #314149

Color Blindness Simulator