#314d8e hex color

In a RGB color space, hex #314d8e is composed of 19.2% red, 30.2% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 45.8% magenta, 0% yellow and 44.3% black. It has a hue angle of 221.9 degrees, a saturation of 48.7% and a lightness of 37.5%. #314d8e color hex could be obtained by blending #629aff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 30
- B 56
RGB color chart
- C 65
- M 46
- Y 0
- K 44
CMYK color chart

● #314d8e color description : Dark moderate blue.

The hexadecimal color #314d8e has RGB values of R:49, G:77, B:142 and CMYK values of C:0.65, M:0.46, Y:0, K:0.44. Its decimal value is 3231118.

Hex triplet	314d8e	`#314d8e`
RGB Decimal	49, 77, 142	`rgb(49,77,142)`
RGB Percent	19.2, 30.2, 55.7	`rgb(19.2%,30.2%,55.7%)`
CMYK	65, 46, 0, 44
HSL	221.9°, 48.7, 37.5	`hsl(221.9,48.7%,37.5%)`
HSV (or HSB)	221.9°, 65.5, 55.7
Web Safe	336699	`#336699`

CIE-LAB	33.801, 11.551, -39.246
XYZ	8.802, 7.913, 26.653
xyY	0.203, 0.182, 7.913
CIE-LCH	33.801, 40.91, 286.401
CIE-LUV	33.801, -12.361, -54.948
Hunter-Lab	28.13, 6.624, -36.485
Binary	00110001, 01001101, 10001110

#314d8e
```
#314d8e rgb(49,77,142)
```
#8e7231
```
#8e7231 rgb(142,114,49)
```

Complementary Color

#317c8e
```
#317c8e rgb(49,124,142)
```
#314d8e
```
#314d8e rgb(49,77,142)
```
#44318e
```
#44318e rgb(68,49,142)
```

Analogous Color

#7c8e31
```
#7c8e31 rgb(124,142,49)
```
#314d8e
```
#314d8e rgb(49,77,142)
```
#8e4431
```
#8e4431 rgb(142,68,49)
```

Split Complementary Color

#4d8e31
```
#4d8e31 rgb(77,142,49)
```
#314d8e
```
#314d8e rgb(49,77,142)
```
#8e314d
```
#8e314d rgb(142,49,77)
```

Triadic Color

#318e72
```
#318e72 rgb(49,142,114)
```
#314d8e
```
#314d8e rgb(49,77,142)
```
#8e314d
```
#8e314d rgb(142,49,77)
```
#8e7231
```
#8e7231 rgb(142,114,49)
```

Tetradic Color

#1d2e55
```
#1d2e55 rgb(29,46,85)
```
#243868
```
#243868 rgb(36,56,104)
```
#2a437b
```
#2a437b rgb(42,67,123)
```
#314d8e
```
#314d8e rgb(49,77,142)
```
#3857a1
```
#3857a1 rgb(56,87,161)
```
#3e62b4
```
#3e62b4 rgb(62,98,180)
```
#4b6ec1
```
#4b6ec1 rgb(75,110,193)
```

Monochromatic Color

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

#31648e
```
#31648e rgb(49,100,142)
```
#315d8e
```
#315d8e rgb(49,93,142)
```
#31558e
```
#31558e rgb(49,85,142)
```
#314d8e
```
#314d8e rgb(49,77,142)
```
#31458e
```
#31458e rgb(49,69,142)
```
#313e8e
```
#313e8e rgb(49,62,142)
```
#31368e
```
#31368e rgb(49,54,142)
```

Similar Colors

Text with hexadecimal color #314d8e

This text has a font color of #314d8e.

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

#314d8e background color

This paragraph has a background color of #314d8e.

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

#314d8e border color

This element has a border color of #314d8e.

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

CSS codes

.text {color:#314d8e;}

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

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

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, #04060b is the darkest color, while #fbfcfe is the lightest one.

#04060b
```
#04060b rgb(4,6,11)
```
#090e19
```
#090e19 rgb(9,14,25)
```
#0e1628
```
#0e1628 rgb(14,22,40)
```
#131e37
```
#131e37 rgb(19,30,55)
```
#182545
```
#182545 rgb(24,37,69)
```
#1d2d54
```
#1d2d54 rgb(29,45,84)
```
#223562
```
#223562 rgb(34,53,98)
```
#273d71
```
#273d71 rgb(39,61,113)
```
#2c457f
```
#2c457f rgb(44,69,127)
```
#314d8e
```
#314d8e rgb(49,77,142)
```
#36559d
```
#36559d rgb(54,85,157)
```
#3b5dab
```
#3b5dab rgb(59,93,171)
```
#4065ba
```
#4065ba rgb(64,101,186)
```

Shade Color Variation

#4c6fc1
```
#4c6fc1 rgb(76,111,193)
```
#5b7bc6
```
#5b7bc6 rgb(91,123,198)
```
#6987cb
```
#6987cb rgb(105,135,203)
```
#7893d0
```
#7893d0 rgb(120,147,208)
```
#879ed5
```
#879ed5 rgb(135,158,213)
```
#95aada
```
#95aada rgb(149,170,218)
```
#a4b6df
```
#a4b6df rgb(164,182,223)
```
#b2c1e5
```
#b2c1e5 rgb(178,193,229)
```
#c1cdea
```
#c1cdea rgb(193,205,234)
```
#cfd9ef
```
#cfd9ef rgb(207,217,239)
```
#dee5f4
```
#dee5f4 rgb(222,229,244)
```
#edf0f9
```
#edf0f9 rgb(237,240,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#5d5f62
```
#5d5f62 rgb(93,95,98)
```
#565c69
```
#565c69 rgb(86,92,105)
```
#4e5971
```
#4e5971 rgb(78,89,113)
```
#475678
```
#475678 rgb(71,86,120)
```
#40537f
```
#40537f rgb(64,83,127)
```
#385087
```
#385087 rgb(56,80,135)
```
#314d8e
```
#314d8e rgb(49,77,142)
```
#2a4a95
```
#2a4a95 rgb(42,74,149)
```
#22479d
```
#22479d rgb(34,71,157)
```
#1b44a4
```
#1b44a4 rgb(27,68,164)
```
#1441ab
```
#1441ab rgb(20,65,171)
```
#0c3eb3
```
#0c3eb3 rgb(12,62,179)
```
#053bba
```
#053bba rgb(5,59,186)
```

Tone Color Variation

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

Dichromacy

#395694 Protanopia 1% of men
#225992 Deuteranopia 1% of men
#186067 Tritanopia 0.001% of the population

Trichromacy

#365391 Protanomaly 1% of men, 0.01% of women
#275590 Deuteranomaly 6% of men, 0.4% of women
#215975 Tritanomaly 0.01% of the population

#314d8e hex color

#314d8e Color Information

#314d8e Color Conversion

Color Schemes with #314d8e

Alternatives to #314d8e

#314d8e Preview

Shades and Tints of #314d8e

Tones of #314d8e

Color Blindness Simulator