#314a76 hex color

In a RGB color space, hex #314a76 is composed of 19.2% red, 29% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 37.3% magenta, 0% yellow and 53.7% black. It has a hue angle of 218.3 degrees, a saturation of 41.3% and a lightness of 32.7%. #314a76 color hex could be obtained by blending #6294ec with #000000. Closest websafe color is: #333366.

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

● #314a76 color description : Dark moderate blue.

The hexadecimal color #314a76 has RGB values of R:49, G:74, B:118 and CMYK values of C:0.58, M:0.37, Y:0, K:0.54. Its decimal value is 3230326.

Hex triplet	314a76	`#314a76`
RGB Decimal	49, 74, 118	`rgb(49,74,118)`
RGB Percent	19.2, 29, 46.3	`rgb(19.2%,29%,46.3%)`
CMYK	58, 37, 0, 54
HSL	218.3°, 41.3, 32.7	`hsl(218.3,41.3%,32.7%)`
HSV (or HSB)	218.3°, 58.5, 46.3
Web Safe	333366	`#333366`

CIE-LAB	31.482, 4.767, -28.092
XYZ	6.985, 6.858, 18.094
xyY	0.219, 0.215, 6.858
CIE-LCH	31.482, 28.494, 279.632
CIE-LUV	31.482, -11.306, -37.773
Hunter-Lab	26.188, 1.779, -22.634
Binary	00110001, 01001010, 01110110

#314a76
```
#314a76 rgb(49,74,118)
```
#765d31
```
#765d31 rgb(118,93,49)
```

Complementary Color

#316d76
```
#316d76 rgb(49,109,118)
```
#314a76
```
#314a76 rgb(49,74,118)
```
#3b3176
```
#3b3176 rgb(59,49,118)
```

Analogous Color

#6d7631
```
#6d7631 rgb(109,118,49)
```
#314a76
```
#314a76 rgb(49,74,118)
```
#763b31
```
#763b31 rgb(118,59,49)
```

Split Complementary Color

#4a7631
```
#4a7631 rgb(74,118,49)
```
#314a76
```
#314a76 rgb(49,74,118)
```
#76314a
```
#76314a rgb(118,49,74)
```

Triadic Color

#31765d
```
#31765d rgb(49,118,93)
```
#314a76
```
#314a76 rgb(49,74,118)
```
#76314a
```
#76314a rgb(118,49,74)
```
#765d31
```
#765d31 rgb(118,93,49)
```

Tetradic Color

#1b2840
```
#1b2840 rgb(27,40,64)
```
#223352
```
#223352 rgb(34,51,82)
```
#2a3f64
```
#2a3f64 rgb(42,63,100)
```
#314a76
```
#314a76 rgb(49,74,118)
```
#385588
```
#385588 rgb(56,85,136)
```
#40619a
```
#40619a rgb(64,97,154)
```
#476cac
```
#476cac rgb(71,108,172)
```

Monochromatic Color

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

#315b76
```
#315b76 rgb(49,91,118)
```
#315676
```
#315676 rgb(49,86,118)
```
#315076
```
#315076 rgb(49,80,118)
```
#314a76
```
#314a76 rgb(49,74,118)
```
#314476
```
#314476 rgb(49,68,118)
```
#313f76
```
#313f76 rgb(49,63,118)
```
#313976
```
#313976 rgb(49,57,118)
```

Similar Colors

Text with hexadecimal color #314a76

This text has a font color of #314a76.

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

#314a76 background color

This paragraph has a background color of #314a76.

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

#314a76 border color

This element has a border color of #314a76.

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

CSS codes

.text {color:#314a76;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090d15
```
#090d15 rgb(9,13,21)
```
#0e1623
```
#0e1623 rgb(14,22,35)
```
#141f31
```
#141f31 rgb(20,31,49)
```
#1a273f
```
#1a273f rgb(26,39,63)
```
#20304c
```
#20304c rgb(32,48,76)
```
#25395a
```
#25395a rgb(37,57,90)
```
#2b4168
```
#2b4168 rgb(43,65,104)
```
#314a76
```
#314a76 rgb(49,74,118)
```
#375384
```
#375384 rgb(55,83,132)
```
#3d5b92
```
#3d5b92 rgb(61,91,146)
```
#4264a0
```
#4264a0 rgb(66,100,160)
```
#486dad
```
#486dad rgb(72,109,173)
```

Shade Color Variation

#5277b7
```
#5277b7 rgb(82,119,183)
```
#6082bd
```
#6082bd rgb(96,130,189)
```
#6e8cc3
```
#6e8cc3 rgb(110,140,195)
```
#7c97c8
```
#7c97c8 rgb(124,151,200)
```
#89a2ce
```
#89a2ce rgb(137,162,206)
```
#97add4
```
#97add4 rgb(151,173,212)
```
#a5b8da
```
#a5b8da rgb(165,184,218)
```
#b3c3df
```
#b3c3df rgb(179,195,223)
```
#c1cee5
```
#c1cee5 rgb(193,206,229)
```
#cfd9eb
```
#cfd9eb rgb(207,217,235)
```
#dde4f1
```
#dde4f1 rgb(221,228,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 #043ea3 is the most saturated one.

#515356
```
#515356 rgb(81,83,86)
```
#4b515c
```
#4b515c rgb(75,81,92)
```
#444f63
```
#444f63 rgb(68,79,99)
```
#3e4e69
```
#3e4e69 rgb(62,78,105)
```
#374c70
```
#374c70 rgb(55,76,112)
```
#314a76
```
#314a76 rgb(49,74,118)
```
#2b487c
```
#2b487c rgb(43,72,124)
```
#244683
```
#244683 rgb(36,70,131)
```
#1e4589
```
#1e4589 rgb(30,69,137)
```
#174390
```
#174390 rgb(23,67,144)
```
#114196
```
#114196 rgb(17,65,150)
```
#0a3f9d
```
#0a3f9d rgb(10,63,157)
```
#043ea3
```
#043ea3 rgb(4,62,163)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434851 Atypical Achromatopsia 0.001% of the population

Dichromacy

#43527c Protanopia 1% of men
#3b537d Deuteranopia 1% of men
#2d5960 Tritanopia 0.001% of the population

Trichromacy

#3c4f79 Protanomaly 1% of men, 0.01% of women
#37507a Deuteranomaly 6% of men, 0.4% of women
#2e5368 Tritanomaly 0.01% of the population

#314a76 hex color

#314a76 Color Information

#314a76 Color Conversion

Color Schemes with #314a76

Alternatives to #314a76

#314a76 Preview

Shades and Tints of #314a76

Tones of #314a76

Color Blindness Simulator