#314d7e hex color

In a RGB color space, hex #314d7e is composed of 19.2% red, 30.2% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 38.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 218.2 degrees, a saturation of 44% and a lightness of 34.3%. #314d7e color hex could be obtained by blending #629afc with #000000. Closest websafe color is: #336666.

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

● #314d7e color description : Dark moderate blue.

The hexadecimal color #314d7e has RGB values of R:49, G:77, B:126 and CMYK values of C:0.61, M:0.39, Y:0, K:0.51. Its decimal value is 3231102.

Hex triplet	314d7e	`#314d7e`
RGB Decimal	49, 77, 126	`rgb(49,77,126)`
RGB Percent	19.2, 30.2, 49.4	`rgb(19.2%,30.2%,49.4%)`
CMYK	61, 39, 0, 51
HSL	218.2°, 44, 34.3	`hsl(218.2,44%,34.3%)`
HSV (or HSB)	218.2°, 61.1, 49.4
Web Safe	336666	`#336666`

CIE-LAB	32.846, 5.668, -30.919
XYZ	7.686, 7.467, 20.774
xyY	0.214, 0.208, 7.467
CIE-LCH	32.846, 31.434, 280.388
CIE-LUV	32.846, -12.354, -42.324
Hunter-Lab	27.325, 2.386, -25.947
Binary	00110001, 01001101, 01111110

#314d7e
```
#314d7e rgb(49,77,126)
```
#7e6231
```
#7e6231 rgb(126,98,49)
```

Complementary Color

#31747e
```
#31747e rgb(49,116,126)
```
#314d7e
```
#314d7e rgb(49,77,126)
```
#3c317e
```
#3c317e rgb(60,49,126)
```

Analogous Color

#747e31
```
#747e31 rgb(116,126,49)
```
#314d7e
```
#314d7e rgb(49,77,126)
```
#7e3c31
```
#7e3c31 rgb(126,60,49)
```

Split Complementary Color

#4d7e31
```
#4d7e31 rgb(77,126,49)
```
#314d7e
```
#314d7e rgb(49,77,126)
```
#7e314d
```
#7e314d rgb(126,49,77)
```

Triadic Color

#317e62
```
#317e62 rgb(49,126,98)
```
#314d7e
```
#314d7e rgb(49,77,126)
```
#7e314d
```
#7e314d rgb(126,49,77)
```
#7e6231
```
#7e6231 rgb(126,98,49)
```

Tetradic Color

#1c2b47
```
#1c2b47 rgb(28,43,71)
```
#233759
```
#233759 rgb(35,55,89)
```
#2a426c
```
#2a426c rgb(42,66,108)
```
#314d7e
```
#314d7e rgb(49,77,126)
```
#385890
```
#385890 rgb(56,88,144)
```
#3f63a3
```
#3f63a3 rgb(63,99,163)
```
#466fb5
```
#466fb5 rgb(70,111,181)
```

Monochromatic Color

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

#31607e
```
#31607e rgb(49,96,126)
```
#315a7e
```
#315a7e rgb(49,90,126)
```
#31537e
```
#31537e rgb(49,83,126)
```
#314d7e
```
#314d7e rgb(49,77,126)
```
#31477e
```
#31477e rgb(49,71,126)
```
#31407e
```
#31407e rgb(49,64,126)
```
#313a7e
```
#313a7e rgb(49,58,126)
```

Similar Colors

Text with hexadecimal color #314d7e

This text has a font color of #314d7e.

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

#314d7e background color

This paragraph has a background color of #314d7e.

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

#314d7e border color

This element has a border color of #314d7e.

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

CSS codes

.text {color:#314d7e;}

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

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

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

#05080d
```
#05080d rgb(5,8,13)
```
#0b111b
```
#0b111b rgb(11,17,27)
```
#101929
```
#101929 rgb(16,25,41)
```
#162237
```
#162237 rgb(22,34,55)
```
#1b2a46
```
#1b2a46 rgb(27,42,70)
```
#213354
```
#213354 rgb(33,51,84)
```
#263c62
```
#263c62 rgb(38,60,98)
```
#2c4470
```
#2c4470 rgb(44,68,112)
```
#314d7e
```
#314d7e rgb(49,77,126)
```
#36568c
```
#36568c rgb(54,86,140)
```
#3c5e9a
```
#3c5e9a rgb(60,94,154)
```
#4167a8
```
#4167a8 rgb(65,103,168)
```
#4770b6
```
#4770b6 rgb(71,112,182)
```

Shade Color Variation

#547abd
```
#547abd rgb(84,122,189)
```
#6385c2
```
#6385c2 rgb(99,133,194)
```
#7190c8
```
#7190c8 rgb(113,144,200)
```
#7f9bcd
```
#7f9bcd rgb(127,155,205)
```
#8da6d3
```
#8da6d3 rgb(141,166,211)
```
#9bb1d8
```
#9bb1d8 rgb(155,177,216)
```
#a9bcde
```
#a9bcde rgb(169,188,222)
```
#b7c7e3
```
#b7c7e3 rgb(183,199,227)
```
#c5d2e9
```
#c5d2e9 rgb(197,210,233)
```
#d4ddee
```
#d4ddee rgb(212,221,238)
```
#e2e8f4
```
#e2e8f4 rgb(226,232,244)
```
#f0f3f9
```
#f0f3f9 rgb(240,243,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53565c is the less saturated color, while #0240ad is the most saturated one.

#53565c
```
#53565c rgb(83,86,92)
```
#4c5463
```
#4c5463 rgb(76,84,99)
```
#45536a
```
#45536a rgb(69,83,106)
```
#3e5171
```
#3e5171 rgb(62,81,113)
```
#384f77
```
#384f77 rgb(56,79,119)
```
#314d7e
```
#314d7e rgb(49,77,126)
```
#2a4b85
```
#2a4b85 rgb(42,75,133)
```
#24498b
```
#24498b rgb(36,73,139)
```
#1d4792
```
#1d4792 rgb(29,71,146)
```
#164699
```
#164699 rgb(22,70,153)
```
#0f44a0
```
#0f44a0 rgb(15,68,160)
```
#0942a6
```
#0942a6 rgb(9,66,166)
```
#0240ad
```
#0240ad rgb(2,64,173)
```

Tone Color Variation

Below, you can see how #314d7e 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
#454b54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#435483 Protanopia 1% of men
#395684 Deuteranopia 1% of men
#295d64 Tritanopia 0.001% of the population

Trichromacy

#3c5281 Protanomaly 1% of men, 0.01% of women
#365382 Deuteranomaly 6% of men, 0.4% of women
#2c576d Tritanomaly 0.01% of the population

#314d7e hex color

#314d7e Color Information

#314d7e Color Conversion

Color Schemes with #314d7e

Alternatives to #314d7e

#314d7e Preview

Shades and Tints of #314d7e

Tones of #314d7e

Color Blindness Simulator