#314463 hex color

In a RGB color space, hex #314463 is composed of 19.2% red, 26.7% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 31.3% magenta, 0% yellow and 61.2% black. It has a hue angle of 217.2 degrees, a saturation of 33.8% and a lightness of 29%. #314463 color hex could be obtained by blending #6288c6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 27
- B 39
RGB color chart
- C 51
- M 31
- Y 0
- K 61
CMYK color chart

● #314463 color description : Very dark desaturated blue.

The hexadecimal color #314463 has RGB values of R:49, G:68, B:99 and CMYK values of C:0.51, M:0.31, Y:0, K:0.61. Its decimal value is 3228771.

Hex triplet	314463	`#314463`
RGB Decimal	49, 68, 99	`rgb(49,68,99)`
RGB Percent	19.2, 26.7, 38.8	`rgb(19.2%,26.7%,38.8%)`
CMYK	51, 31, 0, 61
HSL	217.2°, 33.8, 29	`hsl(217.2,33.8%,29%)`
HSV (or HSB)	217.2°, 50.5, 38.8
Web Safe	333366	`#333366`

CIE-LAB	28.611, 2.103, -20.565
XYZ	5.585, 5.688, 12.607
xyY	0.234, 0.238, 5.688
CIE-LCH	28.611, 20.672, 275.838
CIE-LUV	28.611, -9.03, -26.282
Hunter-Lab	23.849, 0.068, -14.648
Binary	00110001, 01000100, 01100011

#314463
```
#314463 rgb(49,68,99)
```
#635031
```
#635031 rgb(99,80,49)
```

Complementary Color

#315d63
```
#315d63 rgb(49,93,99)
```
#314463
```
#314463 rgb(49,68,99)
```
#373163
```
#373163 rgb(55,49,99)
```

Analogous Color

#5d6331
```
#5d6331 rgb(93,99,49)
```
#314463
```
#314463 rgb(49,68,99)
```
#633731
```
#633731 rgb(99,55,49)
```

Split Complementary Color

#446331
```
#446331 rgb(68,99,49)
```
#314463
```
#314463 rgb(49,68,99)
```
#633144
```
#633144 rgb(99,49,68)
```

Triadic Color

#316350
```
#316350 rgb(49,99,80)
```
#314463
```
#314463 rgb(49,68,99)
```
#633144
```
#633144 rgb(99,49,68)
```
#635031
```
#635031 rgb(99,80,49)
```

Tetradic Color

#182130
```
#182130 rgb(24,33,48)
```
#202d41
```
#202d41 rgb(32,45,65)
```
#293852
```
#293852 rgb(41,56,82)
```
#314463
```
#314463 rgb(49,68,99)
```
#395074
```
#395074 rgb(57,80,116)
```
#425b85
```
#425b85 rgb(66,91,133)
```
#4a6796
```
#4a6796 rgb(74,103,150)
```

Monochromatic Color

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

#315163
```
#315163 rgb(49,81,99)
```
#314c63
```
#314c63 rgb(49,76,99)
```
#314863
```
#314863 rgb(49,72,99)
```
#314463
```
#314463 rgb(49,68,99)
```
#314063
```
#314063 rgb(49,64,99)
```
#313c63
```
#313c63 rgb(49,60,99)
```
#313863
```
#313863 rgb(49,56,99)
```

Similar Colors

Text with hexadecimal color #314463

This text has a font color of #314463.

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

#314463 background color

This paragraph has a background color of #314463.

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

#314463 border color

This element has a border color of #314463.

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

CSS codes

.text {color:#314463;}

.background {background-color:#314463;}

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0a0e14
```
#0a0e14 rgb(10,14,20)
```
#111721
```
#111721 rgb(17,23,33)
```
#17202f
```
#17202f rgb(23,32,47)
```
#1e293c
```
#1e293c rgb(30,41,60)
```
#243249
```
#243249 rgb(36,50,73)
```
#2b3b56
```
#2b3b56 rgb(43,59,86)
```
#314463
```
#314463 rgb(49,68,99)
```
#374d70
```
#374d70 rgb(55,77,112)
```
#3e567d
```
#3e567d rgb(62,86,125)
```
#445f8a
```
#445f8a rgb(68,95,138)
```
#4b6897
```
#4b6897 rgb(75,104,151)
```
#5171a5
```
#5171a5 rgb(81,113,165)
```

Shade Color Variation

#5c7bae
```
#5c7bae rgb(92,123,174)
```
#6986b5
```
#6986b5 rgb(105,134,181)
```
#7690bb
```
#7690bb rgb(118,144,187)
```
#839bc2
```
#839bc2 rgb(131,155,194)
```
#90a5c8
```
#90a5c8 rgb(144,165,200)
```
#9db0cf
```
#9db0cf rgb(157,176,207)
```
#aabbd5
```
#aabbd5 rgb(170,187,213)
```
#b7c5dc
```
#b7c5dc rgb(183,197,220)
```
#c5d0e2
```
#c5d0e2 rgb(197,208,226)
```
#d2dae9
```
#d2dae9 rgb(210,218,233)
```
#dfe5ef
```
#dfe5ef rgb(223,229,239)
```
#ecf0f6
```
#ecf0f6 rgb(236,240,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#48494c
```
#48494c rgb(72,73,76)
```
#424852
```
#424852 rgb(66,72,82)
```
#3c4758
```
#3c4758 rgb(60,71,88)
```
#37455d
```
#37455d rgb(55,69,93)
```
#314463
```
#314463 rgb(49,68,99)
```
#2b4369
```
#2b4369 rgb(43,67,105)
```
#26416e
```
#26416e rgb(38,65,110)
```
#204074
```
#204074 rgb(32,64,116)
```
#1a3f7a
```
#1a3f7a rgb(26,63,122)
```
#153d7f
```
#153d7f rgb(21,61,127)
```
#0f3c85
```
#0f3c85 rgb(15,60,133)
```
#093a8b
```
#093a8b rgb(9,58,139)
```
#033991
```
#033991 rgb(3,57,145)
```

Tone Color Variation

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

Dichromacy

#434c6a Protanopia 1% of men
#404c6b Deuteranopia 1% of men
#345157 Tritanopia 0.001% of the population

Trichromacy

#3c4967 Protanomaly 1% of men, 0.01% of women
#3a4968 Deuteranomaly 6% of men, 0.4% of women
#334c5b Tritanomaly 0.01% of the population

#314463 hex color

#314463 Color Information

#314463 Color Conversion

Color Schemes with #314463

Alternatives to #314463

#314463 Preview

Shades and Tints of #314463

Tones of #314463

Color Blindness Simulator