#314563 hex color

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

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

● #314563 color description : Very dark desaturated blue.

The hexadecimal color #314563 has RGB values of R:49, G:69, B:99 and CMYK values of C:0.51, M:0.3, Y:0, K:0.61. Its decimal value is 3229027.

Hex triplet	314563	`#314563`
RGB Decimal	49, 69, 99	`rgb(49,69,99)`
RGB Percent	19.2, 27.1, 38.8	`rgb(19.2%,27.1%,38.8%)`
CMYK	51, 30, 0, 61
HSL	216°, 33.8, 29	`hsl(216,33.8%,29%)`
HSV (or HSB)	216°, 50.5, 38.8
Web Safe	333366	`#333366`

CIE-LAB	28.927, 1.443, -20.071
XYZ	5.646, 5.81, 12.628
xyY	0.234, 0.241, 5.81
CIE-LCH	28.927, 20.123, 274.111
CIE-LUV	28.927, -9.403, -25.647
Hunter-Lab	24.104, -0.367, -14.189
Binary	00110001, 01000101, 01100011

#314563
```
#314563 rgb(49,69,99)
```
#634f31
```
#634f31 rgb(99,79,49)
```

Complementary Color

#315e63
```
#315e63 rgb(49,94,99)
```
#314563
```
#314563 rgb(49,69,99)
```
#363163
```
#363163 rgb(54,49,99)
```

Analogous Color

#5e6331
```
#5e6331 rgb(94,99,49)
```
#314563
```
#314563 rgb(49,69,99)
```
#633631
```
#633631 rgb(99,54,49)
```

Split Complementary Color

#456331
```
#456331 rgb(69,99,49)
```
#314563
```
#314563 rgb(49,69,99)
```
#633145
```
#633145 rgb(99,49,69)
```

Triadic Color

#31634f
```
#31634f rgb(49,99,79)
```
#314563
```
#314563 rgb(49,69,99)
```
#633145
```
#633145 rgb(99,49,69)
```
#634f31
```
#634f31 rgb(99,79,49)
```

Tetradic Color

#182130
```
#182130 rgb(24,33,48)
```
#202d41
```
#202d41 rgb(32,45,65)
```
#293952
```
#293952 rgb(41,57,82)
```
#314563
```
#314563 rgb(49,69,99)
```
#395174
```
#395174 rgb(57,81,116)
```
#425d85
```
#425d85 rgb(66,93,133)
```
#4a6996
```
#4a6996 rgb(74,105,150)
```

Monochromatic Color

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

#315263
```
#315263 rgb(49,82,99)
```
#314d63
```
#314d63 rgb(49,77,99)
```
#314963
```
#314963 rgb(49,73,99)
```
#314563
```
#314563 rgb(49,69,99)
```
#314163
```
#314163 rgb(49,65,99)
```
#313d63
```
#313d63 rgb(49,61,99)
```
#313963
```
#313963 rgb(49,57,99)
```

Similar Colors

Text with hexadecimal color #314563

This text has a font color of #314563.

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

#314563 background color

This paragraph has a background color of #314563.

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

#314563 border color

This element has a border color of #314563.

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

CSS codes

.text {color:#314563;}

.background {background-color:#314563;}

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

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)
```
#1e2a3c
```
#1e2a3c rgb(30,42,60)
```
#243349
```
#243349 rgb(36,51,73)
```
#2b3c56
```
#2b3c56 rgb(43,60,86)
```
#314563
```
#314563 rgb(49,69,99)
```
#374e70
```
#374e70 rgb(55,78,112)
```
#3e577d
```
#3e577d rgb(62,87,125)
```
#44608a
```
#44608a rgb(68,96,138)
```
#4b6a97
```
#4b6a97 rgb(75,106,151)
```
#5173a5
```
#5173a5 rgb(81,115,165)
```

Shade Color Variation

#5c7dae
```
#5c7dae rgb(92,125,174)
```
#6987b5
```
#6987b5 rgb(105,135,181)
```
#7692bb
```
#7692bb rgb(118,146,187)
```
#839cc2
```
#839cc2 rgb(131,156,194)
```
#90a6c8
```
#90a6c8 rgb(144,166,200)
```
#9db1cf
```
#9db1cf rgb(157,177,207)
```
#aabbd5
```
#aabbd5 rgb(170,187,213)
```
#b7c6dc
```
#b7c6dc rgb(183,198,220)
```
#c5d0e2
```
#c5d0e2 rgb(197,208,226)
```
#d2dbe9
```
#d2dbe9 rgb(210,219,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, #484a4c is the less saturated color, while #033c91 is the most saturated one.

#484a4c
```
#484a4c rgb(72,74,76)
```
#424852
```
#424852 rgb(66,72,82)
```
#3c4758
```
#3c4758 rgb(60,71,88)
```
#37465d
```
#37465d rgb(55,70,93)
```
#314563
```
#314563 rgb(49,69,99)
```
#2b4469
```
#2b4469 rgb(43,68,105)
```
#26436e
```
#26436e rgb(38,67,110)
```
#204274
```
#204274 rgb(32,66,116)
```
#1a407a
```
#1a407a rgb(26,64,122)
```
#153f7f
```
#153f7f rgb(21,63,127)
```
#0f3e85
```
#0f3e85 rgb(15,62,133)
```
#093d8b
```
#093d8b rgb(9,61,139)
```
#033c91
```
#033c91 rgb(3,60,145)
```

Tone Color Variation

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

Dichromacy

#444c69 Protanopia 1% of men
#414d6b Deuteranopia 1% of men
#345258 Tritanopia 0.001% of the population

Trichromacy

#3d4a67 Protanomaly 1% of men, 0.01% of women
#3b4a68 Deuteranomaly 6% of men, 0.4% of women
#334d5c Tritanomaly 0.01% of the population

#314563 hex color

#314563 Color Information

#314563 Color Conversion

Color Schemes with #314563

Alternatives to #314563

#314563 Preview

Shades and Tints of #314563

Tones of #314563

Color Blindness Simulator