#314861 hex color

In a RGB color space, hex #314861 is composed of 19.2% red, 28.2% green and 38% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 25.8% magenta, 0% yellow and 62% black. It has a hue angle of 211.3 degrees, a saturation of 32.9% and a lightness of 28.6%. #314861 color hex could be obtained by blending #6290c2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 28
- B 38
RGB color chart
- C 49
- M 26
- Y 0
- K 62
CMYK color chart

● #314861 color description : Very dark desaturated blue.

The hexadecimal color #314861 has RGB values of R:49, G:72, B:97 and CMYK values of C:0.49, M:0.26, Y:0, K:0.62. Its decimal value is 3229793.

Hex triplet	314861	`#314861`
RGB Decimal	49, 72, 97	`rgb(49,72,97)`
RGB Percent	19.2, 28.2, 38	`rgb(19.2%,28.2%,38%)`
CMYK	49, 26, 0, 62
HSL	211.3°, 32.9, 28.6	`hsl(211.3,32.9%,28.6%)`
HSV (or HSB)	211.3°, 49.5, 38
Web Safe	333366	`#333366`

CIE-LAB	29.789, -1.185, -17.455
XYZ	5.741, 6.15, 12.193
xyY	0.238, 0.255, 6.15
CIE-LCH	29.789, 17.495, 266.115
CIE-LUV	29.789, -10.533, -22.081
Hunter-Lab	24.8, -2.078, -11.79
Binary	00110001, 01001000, 01100001

#314861
```
#314861 rgb(49,72,97)
```
#614a31
```
#614a31 rgb(97,74,49)
```

Complementary Color

#316061
```
#316061 rgb(49,96,97)
```
#314861
```
#314861 rgb(49,72,97)
```
#323161
```
#323161 rgb(50,49,97)
```

Analogous Color

#606131
```
#606131 rgb(96,97,49)
```
#314861
```
#314861 rgb(49,72,97)
```
#613231
```
#613231 rgb(97,50,49)
```

Split Complementary Color

#486131
```
#486131 rgb(72,97,49)
```
#314861
```
#314861 rgb(49,72,97)
```
#613148
```
#613148 rgb(97,49,72)
```

Triadic Color

#31614a
```
#31614a rgb(49,97,74)
```
#314861
```
#314861 rgb(49,72,97)
```
#613148
```
#613148 rgb(97,49,72)
```
#614a31
```
#614a31 rgb(97,74,49)
```

Tetradic Color

#17222e
```
#17222e rgb(23,34,46)
```
#202f3f
```
#202f3f rgb(32,47,63)
```
#283b50
```
#283b50 rgb(40,59,80)
```
#314861
```
#314861 rgb(49,72,97)
```
#3a5572
```
#3a5572 rgb(58,85,114)
```
#426183
```
#426183 rgb(66,97,131)
```
#4b6e94
```
#4b6e94 rgb(75,110,148)
```

Monochromatic Color

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

#315461
```
#315461 rgb(49,84,97)
```
#315061
```
#315061 rgb(49,80,97)
```
#314c61
```
#314c61 rgb(49,76,97)
```
#314861
```
#314861 rgb(49,72,97)
```
#314461
```
#314461 rgb(49,68,97)
```
#314061
```
#314061 rgb(49,64,97)
```
#313c61
```
#313c61 rgb(49,60,97)
```

Similar Colors

Text with hexadecimal color #314861

This text has a font color of #314861.

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

#314861 background color

This paragraph has a background color of #314861.

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

#314861 border color

This element has a border color of #314861.

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

CSS codes

.text {color:#314861;}

.background {background-color:#314861;}

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0e13
```
#0a0e13 rgb(10,14,19)
```
#101820
```
#101820 rgb(16,24,32)
```
#17212d
```
#17212d rgb(23,33,45)
```
#1d2b3a
```
#1d2b3a rgb(29,43,58)
```
#243547
```
#243547 rgb(36,53,71)
```
#2a3e54
```
#2a3e54 rgb(42,62,84)
```
#314861
```
#314861 rgb(49,72,97)
```
#38526e
```
#38526e rgb(56,82,110)
```
#3e5b7b
```
#3e5b7b rgb(62,91,123)
```
#456588
```
#456588 rgb(69,101,136)
```
#4b6f95
```
#4b6f95 rgb(75,111,149)
```
#5278a2
```
#5278a2 rgb(82,120,162)
```

Shade Color Variation

#5b82ac
```
#5b82ac rgb(91,130,172)
```
#688cb3
```
#688cb3 rgb(104,140,179)
```
#7596ba
```
#7596ba rgb(117,150,186)
```
#82a0c0
```
#82a0c0 rgb(130,160,192)
```
#8faac7
```
#8faac7 rgb(143,170,199)
```
#9db4cd
```
#9db4cd rgb(157,180,205)
```
#aabed4
```
#aabed4 rgb(170,190,212)
```
#b7c8da
```
#b7c8da rgb(183,200,218)
```
#c4d2e1
```
#c4d2e1 rgb(196,210,225)
```
#d1dce8
```
#d1dce8 rgb(209,220,232)
```
#dee6ee
```
#dee6ee rgb(222,230,238)
```
#ebf0f5
```
#ebf0f5 rgb(235,240,245)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #47494b is the less saturated color, while #04468e is the most saturated one.

#47494b
```
#47494b rgb(71,73,75)
```
#424950
```
#424950 rgb(66,73,80)
```
#3c4856
```
#3c4856 rgb(60,72,86)
```
#37485b
```
#37485b rgb(55,72,91)
```
#314861
```
#314861 rgb(49,72,97)
```
#2b4867
```
#2b4867 rgb(43,72,103)
```
#26486c
```
#26486c rgb(38,72,108)
```
#204772
```
#204772 rgb(32,71,114)
```
#1b4777
```
#1b4777 rgb(27,71,119)
```
#15477d
```
#15477d rgb(21,71,125)
```
#0f4783
```
#0f4783 rgb(15,71,131)
```
#0a4688
```
#0a4688 rgb(10,70,136)
```
#04468e
```
#04468e rgb(4,70,142)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#40454a Atypical Achromatopsia 0.001% of the population

Dichromacy

#484e67 Protanopia 1% of men
#474e6a Deuteranopia 1% of men
#36545a Tritanopia 0.001% of the population

Trichromacy

#3f4c65 Protanomaly 1% of men, 0.01% of women
#3f4c66 Deuteranomaly 6% of men, 0.4% of women
#344f5c Tritanomaly 0.01% of the population

#314861 hex color

#314861 Color Information

#314861 Color Conversion

Color Schemes with #314861

Alternatives to #314861

#314861 Preview

Shades and Tints of #314861

Tones of #314861

Color Blindness Simulator