#314679 hex color

In a RGB color space, hex #314679 is composed of 19.2% red, 27.5% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 42.1% magenta, 0% yellow and 52.5% black. It has a hue angle of 222.5 degrees, a saturation of 42.4% and a lightness of 33.3%. #314679 color hex could be obtained by blending #628cf2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 27
- B 47
RGB color chart
- C 60
- M 42
- Y 0
- K 53
CMYK color chart

● #314679 color description : Dark moderate blue.

The hexadecimal color #314679 has RGB values of R:49, G:70, B:121 and CMYK values of C:0.6, M:0.42, Y:0, K:0.53. Its decimal value is 3229305.

Hex triplet	314679	`#314679`
RGB Decimal	49, 70, 121	`rgb(49,70,121)`
RGB Percent	19.2, 27.5, 47.5	`rgb(19.2%,27.5%,47.5%)`
CMYK	60, 42, 0, 53
HSL	222.5°, 42.4, 33.3	`hsl(222.5,42.4%,33.3%)`
HSV (or HSB)	222.5°, 59.5, 47.5
Web Safe	333366	`#333366`

CIE-LAB	30.432, 8.514, -31.632
XYZ	6.907, 6.413, 18.962
xyY	0.214, 0.199, 6.413
CIE-LCH	30.432, 32.758, 285.064
CIE-LUV	30.432, -9.951, -42.557
Hunter-Lab	25.325, 4.367, -26.667
Binary	00110001, 01000110, 01111001

#314679
```
#314679 rgb(49,70,121)
```
#796431
```
#796431 rgb(121,100,49)
```

Complementary Color

#316a79
```
#316a79 rgb(49,106,121)
```
#314679
```
#314679 rgb(49,70,121)
```
#403179
```
#403179 rgb(64,49,121)
```

Analogous Color

#6a7931
```
#6a7931 rgb(106,121,49)
```
#314679
```
#314679 rgb(49,70,121)
```
#794031
```
#794031 rgb(121,64,49)
```

Split Complementary Color

#467931
```
#467931 rgb(70,121,49)
```
#314679
```
#314679 rgb(49,70,121)
```
#793146
```
#793146 rgb(121,49,70)
```

Triadic Color

#317964
```
#317964 rgb(49,121,100)
```
#314679
```
#314679 rgb(49,70,121)
```
#793146
```
#793146 rgb(121,49,70)
```
#796431
```
#796431 rgb(121,100,49)
```

Tetradic Color

#1b2743
```
#1b2743 rgb(27,39,67)
```
#223155
```
#223155 rgb(34,49,85)
```
#2a3c67
```
#2a3c67 rgb(42,60,103)
```
#314679
```
#314679 rgb(49,70,121)
```
#38518b
```
#38518b rgb(56,81,139)
```
#405b9d
```
#405b9d rgb(64,91,157)
```
#4766af
```
#4766af rgb(71,102,175)
```

Monochromatic Color

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

#315879
```
#315879 rgb(49,88,121)
```
#315279
```
#315279 rgb(49,82,121)
```
#314c79
```
#314c79 rgb(49,76,121)
```
#314679
```
#314679 rgb(49,70,121)
```
#314079
```
#314079 rgb(49,64,121)
```
#313a79
```
#313a79 rgb(49,58,121)
```
#313479
```
#313479 rgb(49,52,121)
```

Similar Colors

Text with hexadecimal color #314679

This text has a font color of #314679.

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

#314679 background color

This paragraph has a background color of #314679.

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

#314679 border color

This element has a border color of #314679.

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

CSS codes

.text {color:#314679;}

.background {background-color:#314679;}

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

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

#040509
```
#040509 rgb(4,5,9)
```
#090d17
```
#090d17 rgb(9,13,23)
```
#0f1625
```
#0f1625 rgb(15,22,37)
```
#151e33
```
#151e33 rgb(21,30,51)
```
#1a2641
```
#1a2641 rgb(26,38,65)
```
#202e4f
```
#202e4f rgb(32,46,79)
```
#26365d
```
#26365d rgb(38,54,93)
```
#2b3e6b
```
#2b3e6b rgb(43,62,107)
```
#314679
```
#314679 rgb(49,70,121)
```
#374e87
```
#374e87 rgb(55,78,135)
```
#3c5695
```
#3c5695 rgb(60,86,149)
```
#425ea3
```
#425ea3 rgb(66,94,163)
```
#4866b1
```
#4866b1 rgb(72,102,177)
```

Shade Color Variation

#5371b9
```
#5371b9 rgb(83,113,185)
```
#617cbf
```
#617cbf rgb(97,124,191)
```
#6f88c5
```
#6f88c5 rgb(111,136,197)
```
#7d93ca
```
#7d93ca rgb(125,147,202)
```
#8b9fd0
```
#8b9fd0 rgb(139,159,208)
```
#99aad6
```
#99aad6 rgb(153,170,214)
```
#a7b6db
```
#a7b6db rgb(167,182,219)
```
#b5c1e1
```
#b5c1e1 rgb(181,193,225)
```
#c3cde7
```
#c3cde7 rgb(195,205,231)
```
#d0d9ec
```
#d0d9ec rgb(208,217,236)
```
#dee4f2
```
#dee4f2 rgb(222,228,242)
```
#ecf0f7
```
#ecf0f7 rgb(236,240,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#525458
```
#525458 rgb(82,84,88)
```
#4b515f
```
#4b515f rgb(75,81,95)
```
#454e65
```
#454e65 rgb(69,78,101)
```
#3e4b6c
```
#3e4b6c rgb(62,75,108)
```
#384972
```
#384972 rgb(56,73,114)
```
#314679
```
#314679 rgb(49,70,121)
```
#2a4380
```
#2a4380 rgb(42,67,128)
```
#244186
```
#244186 rgb(36,65,134)
```
#1d3e8d
```
#1d3e8d rgb(29,62,141)
```
#173b93
```
#173b93 rgb(23,59,147)
```
#10389a
```
#10389a rgb(16,56,154)
```
#0a36a0
```
#0a36a0 rgb(10,54,160)
```
#0333a7
```
#0333a7 rgb(3,51,167)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#424650 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b4f7f Protanopia 1% of men
#31517f Deuteranopia 1% of men
#29575d Tritanopia 0.001% of the population

Trichromacy

#374c7d Protanomaly 1% of men, 0.01% of women
#314d7c Deuteranomaly 6% of men, 0.4% of women
#2c5167 Tritanomaly 0.01% of the population

#314679 hex color

#314679 Color Information

#314679 Color Conversion

Color Schemes with #314679

Alternatives to #314679

#314679 Preview

Shades and Tints of #314679

Tones of #314679

Color Blindness Simulator