#314d76 hex color

In a RGB color space, hex #314d76 is composed of 19.2% red, 30.2% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 34.7% magenta, 0% yellow and 53.7% black. It has a hue angle of 215.7 degrees, a saturation of 41.3% and a lightness of 32.7%. #314d76 color hex could be obtained by blending #629aec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 30
- B 46
RGB color chart
- C 58
- M 35
- Y 0
- K 54
CMYK color chart

● #314d76 color description : Dark moderate blue.

The hexadecimal color #314d76 has RGB values of R:49, G:77, B:118 and CMYK values of C:0.58, M:0.35, Y:0, K:0.54. Its decimal value is 3231094.

Hex triplet	314d76	`#314d76`
RGB Decimal	49, 77, 118	`rgb(49,77,118)`
RGB Percent	19.2, 30.2, 46.3	`rgb(19.2%,30.2%,46.3%)`
CMYK	58, 35, 0, 54
HSL	215.7°, 41.3, 32.7	`hsl(215.7,41.3%,32.7%)`
HSV (or HSB)	215.7°, 58.5, 46.3
Web Safe	336666	`#336666`

CIE-LAB	32.41, 2.796, -26.63
XYZ	7.19, 7.268, 18.163
xyY	0.22, 0.223, 7.268
CIE-LCH	32.41, 26.776, 275.994
CIE-LUV	32.41, -12.372, -35.866
Hunter-Lab	26.96, 0.424, -21.071
Binary	00110001, 01001101, 01110110

#314d76
```
#314d76 rgb(49,77,118)
```
#765a31
```
#765a31 rgb(118,90,49)
```

Complementary Color

#317076
```
#317076 rgb(49,112,118)
```
#314d76
```
#314d76 rgb(49,77,118)
```
#383176
```
#383176 rgb(56,49,118)
```

Analogous Color

#707631
```
#707631 rgb(112,118,49)
```
#314d76
```
#314d76 rgb(49,77,118)
```
#763831
```
#763831 rgb(118,56,49)
```

Split Complementary Color

#4d7631
```
#4d7631 rgb(77,118,49)
```
#314d76
```
#314d76 rgb(49,77,118)
```
#76314d
```
#76314d rgb(118,49,77)
```

Triadic Color

#31765a
```
#31765a rgb(49,118,90)
```
#314d76
```
#314d76 rgb(49,77,118)
```
#76314d
```
#76314d rgb(118,49,77)
```
#765a31
```
#765a31 rgb(118,90,49)
```

Tetradic Color

#1b2a40
```
#1b2a40 rgb(27,42,64)
```
#223552
```
#223552 rgb(34,53,82)
```
#2a4164
```
#2a4164 rgb(42,65,100)
```
#314d76
```
#314d76 rgb(49,77,118)
```
#385988
```
#385988 rgb(56,89,136)
```
#40659a
```
#40659a rgb(64,101,154)
```
#4770ac
```
#4770ac rgb(71,112,172)
```

Monochromatic Color

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

#315e76
```
#315e76 rgb(49,94,118)
```
#315976
```
#315976 rgb(49,89,118)
```
#315376
```
#315376 rgb(49,83,118)
```
#314d76
```
#314d76 rgb(49,77,118)
```
#314776
```
#314776 rgb(49,71,118)
```
#314276
```
#314276 rgb(49,66,118)
```
#313c76
```
#313c76 rgb(49,60,118)
```

Similar Colors

Text with hexadecimal color #314d76

This text has a font color of #314d76.

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

#314d76 background color

This paragraph has a background color of #314d76.

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

#314d76 border color

This element has a border color of #314d76.

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

CSS codes

.text {color:#314d76;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#090e15
```
#090e15 rgb(9,14,21)
```
#0e1723
```
#0e1723 rgb(14,23,35)
```
#142031
```
#142031 rgb(20,32,49)
```
#1a293f
```
#1a293f rgb(26,41,63)
```
#20324c
```
#20324c rgb(32,50,76)
```
#253b5a
```
#253b5a rgb(37,59,90)
```
#2b4468
```
#2b4468 rgb(43,68,104)
```
#314d76
```
#314d76 rgb(49,77,118)
```
#375684
```
#375684 rgb(55,86,132)
```
#3d5f92
```
#3d5f92 rgb(61,95,146)
```
#4268a0
```
#4268a0 rgb(66,104,160)
```
#4871ad
```
#4871ad rgb(72,113,173)
```

Shade Color Variation

#527bb7
```
#527bb7 rgb(82,123,183)
```
#6086bd
```
#6086bd rgb(96,134,189)
```
#6e90c3
```
#6e90c3 rgb(110,144,195)
```
#7c9bc8
```
#7c9bc8 rgb(124,155,200)
```
#89a5ce
```
#89a5ce rgb(137,165,206)
```
#97b0d4
```
#97b0d4 rgb(151,176,212)
```
#a5bada
```
#a5bada rgb(165,186,218)
```
#b3c5df
```
#b3c5df rgb(179,197,223)
```
#c1d0e5
```
#c1d0e5 rgb(193,208,229)
```
#cfdaeb
```
#cfdaeb rgb(207,218,235)
```
#dde5f1
```
#dde5f1 rgb(221,229,241)
```
#eaeff6
```
#eaeff6 rgb(234,239,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#515356
```
#515356 rgb(81,83,86)
```
#4b525c
```
#4b525c rgb(75,82,92)
```
#445163
```
#445163 rgb(68,81,99)
```
#3e4f69
```
#3e4f69 rgb(62,79,105)
```
#374e70
```
#374e70 rgb(55,78,112)
```
#314d76
```
#314d76 rgb(49,77,118)
```
#2b4c7c
```
#2b4c7c rgb(43,76,124)
```
#244b83
```
#244b83 rgb(36,75,131)
```
#1e4989
```
#1e4989 rgb(30,73,137)
```
#174890
```
#174890 rgb(23,72,144)
```
#114796
```
#114796 rgb(17,71,150)
```
#0a469d
```
#0a469d rgb(10,70,157)
```
#0445a3
```
#0445a3 rgb(4,69,163)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#46547b Protanopia 1% of men
#40557d Deuteranopia 1% of men
#2e5b62 Tritanopia 0.001% of the population

Trichromacy

#3e5179 Protanomaly 1% of men, 0.01% of women
#3a527a Deuteranomaly 6% of men, 0.4% of women
#2f5669 Tritanomaly 0.01% of the population

#314d76 hex color

#314d76 Color Information

#314d76 Color Conversion

Color Schemes with #314d76

Alternatives to #314d76

#314d76 Preview

Shades and Tints of #314d76

Tones of #314d76

Color Blindness Simulator