#314f87 hex color

In a RGB color space, hex #314f87 is composed of 19.2% red, 31% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 41.5% magenta, 0% yellow and 47.1% black. It has a hue angle of 219.1 degrees, a saturation of 46.7% and a lightness of 36.1%. #314f87 color hex could be obtained by blending #629eff with #00000f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 31
- B 53
RGB color chart
- C 64
- M 41
- Y 0
- K 47
CMYK color chart

● #314f87 color description : Dark moderate blue.

The hexadecimal color #314f87 has RGB values of R:49, G:79, B:135 and CMYK values of C:0.64, M:0.41, Y:0, K:0.47. Its decimal value is 3231623.

Hex triplet	314f87	`#314f87`
RGB Decimal	49, 79, 135	`rgb(49,79,135)`
RGB Percent	19.2, 31, 52.9	`rgb(19.2%,31%,52.9%)`
CMYK	64, 41, 0, 47
HSL	219.1°, 46.7, 36.1	`hsl(219.1,46.7%,36.1%)`
HSV (or HSB)	219.1°, 63.7, 52.9
Web Safe	336699	`#336699`

CIE-LAB	33.97, 7.636, -34.69
XYZ	8.435, 7.994, 24.019
xyY	0.209, 0.198, 7.994
CIE-LCH	33.97, 35.52, 282.414
CIE-LUV	33.97, -13.017, -48.282
Hunter-Lab	28.273, 3.775, -30.577
Binary	00110001, 01001111, 10000111

#314f87
```
#314f87 rgb(49,79,135)
```
#876931
```
#876931 rgb(135,105,49)
```

Complementary Color

#317a87
```
#317a87 rgb(49,122,135)
```
#314f87
```
#314f87 rgb(49,79,135)
```
#3e3187
```
#3e3187 rgb(62,49,135)
```

Analogous Color

#7a8731
```
#7a8731 rgb(122,135,49)
```
#314f87
```
#314f87 rgb(49,79,135)
```
#873e31
```
#873e31 rgb(135,62,49)
```

Split Complementary Color

#4f8731
```
#4f8731 rgb(79,135,49)
```
#314f87
```
#314f87 rgb(49,79,135)
```
#87314f
```
#87314f rgb(135,49,79)
```

Triadic Color

#318769
```
#318769 rgb(49,135,105)
```
#314f87
```
#314f87 rgb(49,79,135)
```
#87314f
```
#87314f rgb(135,49,79)
```
#876931
```
#876931 rgb(135,105,49)
```

Tetradic Color

#1d2e4f
```
#1d2e4f rgb(29,46,79)
```
#233962
```
#233962 rgb(35,57,98)
```
#2a4474
```
#2a4474 rgb(42,68,116)
```
#314f87
```
#314f87 rgb(49,79,135)
```
#385a9a
```
#385a9a rgb(56,90,154)
```
#3f65ac
```
#3f65ac rgb(63,101,172)
```
#4871bd
```
#4871bd rgb(72,113,189)
```

Monochromatic Color

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

#316587
```
#316587 rgb(49,101,135)
```
#315d87
```
#315d87 rgb(49,93,135)
```
#315687
```
#315687 rgb(49,86,135)
```
#314f87
```
#314f87 rgb(49,79,135)
```
#314887
```
#314887 rgb(49,72,135)
```
#314187
```
#314187 rgb(49,65,135)
```
#313a87
```
#313a87 rgb(49,58,135)
```

Similar Colors

Text with hexadecimal color #314f87

This text has a font color of #314f87.

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

#314f87 background color

This paragraph has a background color of #314f87.

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

#314f87 border color

This element has a border color of #314f87.

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

CSS codes

.text {color:#314f87;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070c14
```
#070c14 rgb(7,12,20)
```
#0c1422
```
#0c1422 rgb(12,20,34)
```
#121c31
```
#121c31 rgb(18,28,49)
```
#17253f
```
#17253f rgb(23,37,63)
```
#1c2d4d
```
#1c2d4d rgb(28,45,77)
```
#21365c
```
#21365c rgb(33,54,92)
```
#273e6a
```
#273e6a rgb(39,62,106)
```
#2c4779
```
#2c4779 rgb(44,71,121)
```
#314f87
```
#314f87 rgb(49,79,135)
```
#365795
```
#365795 rgb(54,87,149)
```
#3b60a4
```
#3b60a4 rgb(59,96,164)
```
#4168b2
```
#4168b2 rgb(65,104,178)
```

Shade Color Variation

#4972bd
```
#4972bd rgb(73,114,189)
```
#587dc2
```
#587dc2 rgb(88,125,194)
```
#6688c8
```
#6688c8 rgb(102,136,200)
```
#7593cd
```
#7593cd rgb(117,147,205)
```
#839fd2
```
#839fd2 rgb(131,159,210)
```
#91aad7
```
#91aad7 rgb(145,170,215)
```
#a0b5dc
```
#a0b5dc rgb(160,181,220)
```
#aec0e2
```
#aec0e2 rgb(174,192,226)
```
#bdcbe7
```
#bdcbe7 rgb(189,203,231)
```
#cbd6ec
```
#cbd6ec rgb(203,214,236)
```
#d9e2f1
```
#d9e2f1 rgb(217,226,241)
```
#e8edf7
```
#e8edf7 rgb(232,237,247)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5c5d is the less saturated color, while #0742b1 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545a64
```
#545a64 rgb(84,90,100)
```
#4d586b
```
#4d586b rgb(77,88,107)
```
#465572
```
#465572 rgb(70,85,114)
```
#3f5379
```
#3f5379 rgb(63,83,121)
```
#385180
```
#385180 rgb(56,81,128)
```
#314f87
```
#314f87 rgb(49,79,135)
```
#2a4d8e
```
#2a4d8e rgb(42,77,142)
```
#234b95
```
#234b95 rgb(35,75,149)
```
#1c499c
```
#1c499c rgb(28,73,156)
```
#1546a3
```
#1546a3 rgb(21,70,163)
```
#0e44aa
```
#0e44aa rgb(14,68,170)
```
#0742b1
```
#0742b1 rgb(7,66,177)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#474d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#41578c Protanopia 1% of men
#33598c Deuteranopia 1% of men
#226067 Tritanopia 0.001% of the population

Trichromacy

#3b548a Protanomaly 1% of men, 0.01% of women
#32558a Deuteranomaly 6% of men, 0.4% of women
#285a73 Tritanomaly 0.01% of the population

#314f87 hex color

#314f87 Color Information

#314f87 Color Conversion

Color Schemes with #314f87

Alternatives to #314f87

#314f87 Preview

Shades and Tints of #314f87

Tones of #314f87

Color Blindness Simulator