#314f82 hex color

In a RGB color space, hex #314f82 is composed of 19.2% red, 31% green and 51% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 39.2% magenta, 0% yellow and 49% black. It has a hue angle of 217.8 degrees, a saturation of 45.3% and a lightness of 35.1%. #314f82 color hex could be obtained by blending #629eff with #000005. Closest websafe color is: #336699.

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

● #314f82 color description : Dark moderate blue.

The hexadecimal color #314f82 has RGB values of R:49, G:79, B:130 and CMYK values of C:0.62, M:0.39, Y:0, K:0.49. Its decimal value is 3231618.

Hex triplet	314f82	`#314f82`
RGB Decimal	49, 79, 130	`rgb(49,79,130)`
RGB Percent	19.2, 31, 51	`rgb(19.2%,31%,51%)`
CMYK	62, 39, 0, 49
HSL	217.8°, 45.3, 35.1	`hsl(217.8,45.3%,35.1%)`
HSV (or HSB)	217.8°, 62.3, 51
Web Safe	336699	`#336699`

CIE-LAB	33.682, 5.806, -32.07
XYZ	8.091, 7.856, 22.208
xyY	0.212, 0.206, 7.856
CIE-LCH	33.682, 32.591, 280.261
CIE-LUV	33.682, -13.033, -44.287
Hunter-Lab	28.029, 2.476, -27.357
Binary	00110001, 01001111, 10000010

#314f82
```
#314f82 rgb(49,79,130)
```
#826431
```
#826431 rgb(130,100,49)
```

Complementary Color

#317882
```
#317882 rgb(49,120,130)
```
#314f82
```
#314f82 rgb(49,79,130)
```
#3c3182
```
#3c3182 rgb(60,49,130)
```

Analogous Color

#788231
```
#788231 rgb(120,130,49)
```
#314f82
```
#314f82 rgb(49,79,130)
```
#823c31
```
#823c31 rgb(130,60,49)
```

Split Complementary Color

#4f8231
```
#4f8231 rgb(79,130,49)
```
#314f82
```
#314f82 rgb(49,79,130)
```
#82314f
```
#82314f rgb(130,49,79)
```

Triadic Color

#318264
```
#318264 rgb(49,130,100)
```
#314f82
```
#314f82 rgb(49,79,130)
```
#82314f
```
#82314f rgb(130,49,79)
```
#826431
```
#826431 rgb(130,100,49)
```

Tetradic Color

#1c2d4a
```
#1c2d4a rgb(28,45,74)
```
#23385d
```
#23385d rgb(35,56,93)
```
#2a446f
```
#2a446f rgb(42,68,111)
```
#314f82
```
#314f82 rgb(49,79,130)
```
#385a95
```
#385a95 rgb(56,90,149)
```
#3f66a7
```
#3f66a7 rgb(63,102,167)
```
#4671b9
```
#4671b9 rgb(70,113,185)
```

Monochromatic Color

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

#316382
```
#316382 rgb(49,99,130)
```
#315d82
```
#315d82 rgb(49,93,130)
```
#315682
```
#315682 rgb(49,86,130)
```
#314f82
```
#314f82 rgb(49,79,130)
```
#314882
```
#314882 rgb(49,72,130)
```
#314282
```
#314282 rgb(49,66,130)
```
#313b82
```
#313b82 rgb(49,59,130)
```

Similar Colors

Text with hexadecimal color #314f82

This text has a font color of #314f82.

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

#314f82 background color

This paragraph has a background color of #314f82.

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

#314f82 border color

This element has a border color of #314f82.

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

CSS codes

.text {color:#314f82;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060a10
```
#060a10 rgb(6,10,16)
```
#0b121e
```
#0b121e rgb(11,18,30)
```
#111b2d
```
#111b2d rgb(17,27,45)
```
#16243b
```
#16243b rgb(22,36,59)
```
#1c2c49
```
#1c2c49 rgb(28,44,73)
```
#213557
```
#213557 rgb(33,53,87)
```
#263e66
```
#263e66 rgb(38,62,102)
```
#2c4674
```
#2c4674 rgb(44,70,116)
```
#314f82
```
#314f82 rgb(49,79,130)
```
#365890
```
#365890 rgb(54,88,144)
```
#3c609e
```
#3c609e rgb(60,96,158)
```
#4169ad
```
#4169ad rgb(65,105,173)
```

Shade Color Variation

#4872ba
```
#4872ba rgb(72,114,186)
```
#567dbf
```
#567dbf rgb(86,125,191)
```
#6488c5
```
#6488c5 rgb(100,136,197)
```
#7293ca
```
#7293ca rgb(114,147,202)
```
#819ecf
```
#819ecf rgb(129,158,207)
```
#8fa9d5
```
#8fa9d5 rgb(143,169,213)
```
#9db4da
```
#9db4da rgb(157,180,218)
```
#abbfdf
```
#abbfdf rgb(171,191,223)
```
#bacae5
```
#bacae5 rgb(186,202,229)
```
#c8d5ea
```
#c8d5ea rgb(200,213,234)
```
#d6e0f0
```
#d6e0f0 rgb(214,224,240)
```
#e4eaf5
```
#e4eaf5 rgb(228,234,245)
```
#f3f5fa
```
#f3f5fa rgb(243,245,250)
```

Tint Color Variation

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

#535860
```
#535860 rgb(83,88,96)
```
#4d5666
```
#4d5666 rgb(77,86,102)
```
#46546d
```
#46546d rgb(70,84,109)
```
#3f5374
```
#3f5374 rgb(63,83,116)
```
#38517b
```
#38517b rgb(56,81,123)
```
#314f82
```
#314f82 rgb(49,79,130)
```
#2a4d89
```
#2a4d89 rgb(42,77,137)
```
#234b90
```
#234b90 rgb(35,75,144)
```
#1c4a97
```
#1c4a97 rgb(28,74,151)
```
#15489e
```
#15489e rgb(21,72,158)
```
#0f46a4
```
#0f46a4 rgb(15,70,164)
```
#0844ab
```
#0844ab rgb(8,68,171)
```
#0143b2
```
#0143b2 rgb(1,67,178)
```

Tone Color Variation

Below, you can see how #314f82 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
#474d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#445687 Protanopia 1% of men
#395888 Deuteranopia 1% of men
#275f66 Tritanopia 0.001% of the population

Trichromacy

#3d5385 Protanomaly 1% of men, 0.01% of women
#365586 Deuteranomaly 6% of men, 0.4% of women
#2a5970 Tritanomaly 0.01% of the population

#314f82 hex color

#314f82 Color Information

#314f82 Color Conversion

Color Schemes with #314f82

Alternatives to #314f82

#314f82 Preview

Shades and Tints of #314f82

Tones of #314f82

Color Blindness Simulator