#314d92 hex color

In a RGB color space, hex #314d92 is composed of 19.2% red, 30.2% green and 57.3% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 47.3% magenta, 0% yellow and 42.7% black. It has a hue angle of 222.7 degrees, a saturation of 49.7% and a lightness of 38.2%. #314d92 color hex could be obtained by blending #629aff with #000025. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 30
- B 57
RGB color chart
- C 66
- M 47
- Y 0
- K 43
CMYK color chart

● #314d92 color description : Dark moderate blue.

The hexadecimal color #314d92 has RGB values of R:49, G:77, B:146 and CMYK values of C:0.66, M:0.47, Y:0, K:0.43. Its decimal value is 3231122.

Hex triplet	314d92	`#314d92`
RGB Decimal	49, 77, 146	`rgb(49,77,146)`
RGB Percent	19.2, 30.2, 57.3	`rgb(19.2%,30.2%,57.3%)`
CMYK	66, 47, 0, 43
HSL	222.7°, 49.7, 38.2	`hsl(222.7,49.7%,38.2%)`
HSV (or HSB)	222.7°, 66.4, 57.3
Web Safe	336699	`#336699`

CIE-LAB	34.057, 13.04, -41.276
XYZ	9.108, 8.035, 28.264
xyY	0.201, 0.177, 8.035
CIE-LCH	34.057, 43.287, 287.533
CIE-LUV	34.057, -12.372, -58.031
Hunter-Lab	28.347, 7.744, -39.273
Binary	00110001, 01001101, 10010010

#314d92
```
#314d92 rgb(49,77,146)
```
#927631
```
#927631 rgb(146,118,49)
```

Complementary Color

#317e92
```
#317e92 rgb(49,126,146)
```
#314d92
```
#314d92 rgb(49,77,146)
```
#463192
```
#463192 rgb(70,49,146)
```

Analogous Color

#7e9231
```
#7e9231 rgb(126,146,49)
```
#314d92
```
#314d92 rgb(49,77,146)
```
#924631
```
#924631 rgb(146,70,49)
```

Split Complementary Color

#4d9231
```
#4d9231 rgb(77,146,49)
```
#314d92
```
#314d92 rgb(49,77,146)
```
#92314d
```
#92314d rgb(146,49,77)
```

Triadic Color

#319276
```
#319276 rgb(49,146,118)
```
#314d92
```
#314d92 rgb(49,77,146)
```
#92314d
```
#92314d rgb(146,49,77)
```
#927631
```
#927631 rgb(146,118,49)
```

Tetradic Color

#1e2f59
```
#1e2f59 rgb(30,47,89)
```
#24396c
```
#24396c rgb(36,57,108)
```
#2b437f
```
#2b437f rgb(43,67,127)
```
#314d92
```
#314d92 rgb(49,77,146)
```
#3757a5
```
#3757a5 rgb(55,87,165)
```
#3e61b8
```
#3e61b8 rgb(62,97,184)
```
#4c6fc3
```
#4c6fc3 rgb(76,111,195)
```

Monochromatic Color

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

#316592
```
#316592 rgb(49,101,146)
```
#315d92
```
#315d92 rgb(49,93,146)
```
#315592
```
#315592 rgb(49,85,146)
```
#314d92
```
#314d92 rgb(49,77,146)
```
#314592
```
#314592 rgb(49,69,146)
```
#313d92
```
#313d92 rgb(49,61,146)
```
#313592
```
#313592 rgb(49,53,146)
```

Similar Colors

Text with hexadecimal color #314d92

This text has a font color of #314d92.

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

#314d92 background color

This paragraph has a background color of #314d92.

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

#314d92 border color

This element has a border color of #314d92.

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

CSS codes

.text {color:#314d92;}

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

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

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, #05070e is the darkest color, while #fefeff is the lightest one.

#05070e
```
#05070e rgb(5,7,14)
```
#0a0f1d
```
#0a0f1d rgb(10,15,29)
```
#0e172b
```
#0e172b rgb(14,23,43)
```
#131f3a
```
#131f3a rgb(19,31,58)
```
#182649
```
#182649 rgb(24,38,73)
```
#1d2e57
```
#1d2e57 rgb(29,46,87)
```
#223666
```
#223666 rgb(34,54,102)
```
#273e75
```
#273e75 rgb(39,62,117)
```
#2c4583
```
#2c4583 rgb(44,69,131)
```
#314d92
```
#314d92 rgb(49,77,146)
```
#3655a1
```
#3655a1 rgb(54,85,161)
```
#3b5caf
```
#3b5caf rgb(59,92,175)
```
#4064be
```
#4064be rgb(64,100,190)
```

Shade Color Variation

#4e70c4
```
#4e70c4 rgb(78,112,196)
```
#5d7cc8
```
#5d7cc8 rgb(93,124,200)
```
#6b88cd
```
#6b88cd rgb(107,136,205)
```
#7a93d2
```
#7a93d2 rgb(122,147,210)
```
#899fd7
```
#899fd7 rgb(137,159,215)
```
#97abdc
```
#97abdc rgb(151,171,220)
```
#a6b7e1
```
#a6b7e1 rgb(166,183,225)
```
#b5c3e6
```
#b5c3e6 rgb(181,195,230)
```
#c3cfeb
```
#c3cfeb rgb(195,207,235)
```
#d2dbf0
```
#d2dbf0 rgb(210,219,240)
```
#e1e7f5
```
#e1e7f5 rgb(225,231,245)
```
#eff2fa
```
#eff2fa rgb(239,242,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#5e6065
```
#5e6065 rgb(94,96,101)
```
#575d6d
```
#575d6d rgb(87,93,109)
```
#4f5a74
```
#4f5a74 rgb(79,90,116)
```
#48577c
```
#48577c rgb(72,87,124)
```
#405383
```
#405383 rgb(64,83,131)
```
#39508b
```
#39508b rgb(57,80,139)
```
#314d92
```
#314d92 rgb(49,77,146)
```
#2a4a9a
```
#2a4a9a rgb(42,74,154)
```
#2247a1
```
#2247a1 rgb(34,71,161)
```
#1b43a9
```
#1b43a9 rgb(27,67,169)
```
#1340b0
```
#1340b0 rgb(19,64,176)
```
#0c3db8
```
#0c3db8 rgb(12,61,184)
```
#043abf
```
#043abf rgb(4,58,191)
```

Tone Color Variation

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

Dichromacy

#365798 Protanopia 1% of men
#175a95 Deuteranopia 1% of men
#0e6168 Tritanopia 0.001% of the population

Trichromacy

#345396 Protanomaly 1% of men, 0.01% of women
#205594 Deuteranomaly 6% of men, 0.4% of women
#1b5a77 Tritanomaly 0.01% of the population

#314d92 hex color

#314d92 Color Information

#314d92 Color Conversion

Color Schemes with #314d92

Alternatives to #314d92

#314d92 Preview

Shades and Tints of #314d92

Tones of #314d92

Color Blindness Simulator