#314f75 hex color

In a RGB color space, hex #314f75 is composed of 19.2% red, 31% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 32.5% magenta, 0% yellow and 54.1% black. It has a hue angle of 213.5 degrees, a saturation of 41% and a lightness of 32.5%. #314f75 color hex could be obtained by blending #629eea with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 31
- B 46
RGB color chart
- C 58
- M 32
- Y 0
- K 54
CMYK color chart

● #314f75 color description : Dark moderate blue.

The hexadecimal color #314f75 has RGB values of R:49, G:79, B:117 and CMYK values of C:0.58, M:0.32, Y:0, K:0.54. Its decimal value is 3231605.

Hex triplet	314f75	`#314f75`
RGB Decimal	49, 79, 117	`rgb(49,79,117)`
RGB Percent	19.2, 31, 45.9	`rgb(19.2%,31%,45.9%)`
CMYK	58, 32, 0, 54
HSL	213.5°, 41, 32.5	`hsl(213.5,41%,32.5%)`
HSV (or HSB)	213.5°, 58.1, 45.9
Web Safe	336666	`#336666`

CIE-LAB	32.982, 1.142, -25.108
XYZ	7.273, 7.529, 17.899
xyY	0.222, 0.23, 7.529
CIE-LCH	32.982, 25.134, 272.605
CIE-LUV	32.982, -13.101, -33.74
Hunter-Lab	27.439, -0.706, -19.468
Binary	00110001, 01001111, 01110101

#314f75
```
#314f75 rgb(49,79,117)
```
#755731
```
#755731 rgb(117,87,49)
```

Complementary Color

#317175
```
#317175 rgb(49,113,117)
```
#314f75
```
#314f75 rgb(49,79,117)
```
#353175
```
#353175 rgb(53,49,117)
```

Analogous Color

#717531
```
#717531 rgb(113,117,49)
```
#314f75
```
#314f75 rgb(49,79,117)
```
#753531
```
#753531 rgb(117,53,49)
```

Split Complementary Color

#4f7531
```
#4f7531 rgb(79,117,49)
```
#314f75
```
#314f75 rgb(49,79,117)
```
#75314f
```
#75314f rgb(117,49,79)
```

Triadic Color

#317557
```
#317557 rgb(49,117,87)
```
#314f75
```
#314f75 rgb(49,79,117)
```
#75314f
```
#75314f rgb(117,49,79)
```
#755731
```
#755731 rgb(117,87,49)
```

Tetradic Color

#1a2b3f
```
#1a2b3f rgb(26,43,63)
```
#223751
```
#223751 rgb(34,55,81)
```
#294363
```
#294363 rgb(41,67,99)
```
#314f75
```
#314f75 rgb(49,79,117)
```
#395b87
```
#395b87 rgb(57,91,135)
```
#406799
```
#406799 rgb(64,103,153)
```
#4873ab
```
#4873ab rgb(72,115,171)
```

Monochromatic Color

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

#316075
```
#316075 rgb(49,96,117)
```
#315a75
```
#315a75 rgb(49,90,117)
```
#315575
```
#315575 rgb(49,85,117)
```
#314f75
```
#314f75 rgb(49,79,117)
```
#314975
```
#314975 rgb(49,73,117)
```
#314475
```
#314475 rgb(49,68,117)
```
#313e75
```
#313e75 rgb(49,62,117)
```

Similar Colors

Text with hexadecimal color #314f75

This text has a font color of #314f75.

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

#314f75 background color

This paragraph has a background color of #314f75.

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

#314f75 border color

This element has a border color of #314f75.

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

CSS codes

.text {color:#314f75;}

.background {background-color:#314f75;}

.border {border:1px solid #314f75;}

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 #f8f9fc is the lightest one.

#030406
```
#030406 rgb(3,4,6)
```
#080e14
```
#080e14 rgb(8,14,20)
```
#0e1722
```
#0e1722 rgb(14,23,34)
```
#142030
```
#142030 rgb(20,32,48)
```
#1a2a3e
```
#1a2a3e rgb(26,42,62)
```
#20334c
```
#20334c rgb(32,51,76)
```
#253c59
```
#253c59 rgb(37,60,89)
```
#2b4667
```
#2b4667 rgb(43,70,103)
```
#314f75
```
#314f75 rgb(49,79,117)
```
#375883
```
#375883 rgb(55,88,131)
```
#3d6291
```
#3d6291 rgb(61,98,145)
```
#426b9e
```
#426b9e rgb(66,107,158)
```
#4874ac
```
#4874ac rgb(72,116,172)
```

Shade Color Variation

#527eb6
```
#527eb6 rgb(82,126,182)
```
#5f88bc
```
#5f88bc rgb(95,136,188)
```
#6d93c2
```
#6d93c2 rgb(109,147,194)
```
#7b9dc8
```
#7b9dc8 rgb(123,157,200)
```
#89a7ce
```
#89a7ce rgb(137,167,206)
```
#97b2d3
```
#97b2d3 rgb(151,178,211)
```
#a5bcd9
```
#a5bcd9 rgb(165,188,217)
```
#b2c6df
```
#b2c6df rgb(178,198,223)
```
#c0d0e5
```
#c0d0e5 rgb(192,208,229)
```
#cedbeb
```
#cedbeb rgb(206,219,235)
```
#dce5f0
```
#dce5f0 rgb(220,229,240)
```
#eaeff6
```
#eaeff6 rgb(234,239,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#515355
```
#515355 rgb(81,83,85)
```
#4b525b
```
#4b525b rgb(75,82,91)
```
#445162
```
#445162 rgb(68,81,98)
```
#3e5168
```
#3e5168 rgb(62,81,104)
```
#37506f
```
#37506f rgb(55,80,111)
```
#314f75
```
#314f75 rgb(49,79,117)
```
#2b4e7b
```
#2b4e7b rgb(43,78,123)
```
#244d82
```
#244d82 rgb(36,77,130)
```
#1e4d88
```
#1e4d88 rgb(30,77,136)
```
#174c8f
```
#174c8f rgb(23,76,143)
```
#114b95
```
#114b95 rgb(17,75,149)
```
#0b4a9b
```
#0b4a9b rgb(11,74,155)
```
#044aa2
```
#044aa2 rgb(4,74,162)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#454b53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#49557a Protanopia 1% of men
#44567c Deuteranopia 1% of men
#2f5d63 Tritanopia 0.001% of the population

Trichromacy

#405378 Protanomaly 1% of men, 0.01% of women
#3d537a Deuteranomaly 6% of men, 0.4% of women
#30586a Tritanomaly 0.01% of the population

#314f75 hex color

#314f75 Color Information

#314f75 Color Conversion

Color Schemes with #314f75

Alternatives to #314f75

#314f75 Preview

Shades and Tints of #314f75

Tones of #314f75

Color Blindness Simulator