#314783 hex color

In a RGB color space, hex #314783 is composed of 19.2% red, 27.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 45.8% magenta, 0% yellow and 48.6% black. It has a hue angle of 223.9 degrees, a saturation of 45.6% and a lightness of 35.3%. #314783 color hex could be obtained by blending #628eff with #000007. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 28
- B 51
RGB color chart
- C 63
- M 46
- Y 0
- K 49
CMYK color chart

● #314783 color description : Dark moderate blue.

The hexadecimal color #314783 has RGB values of R:49, G:71, B:131 and CMYK values of C:0.63, M:0.46, Y:0, K:0.49. Its decimal value is 3229571.

Hex triplet	314783	`#314783`
RGB Decimal	49, 71, 131	`rgb(49,71,131)`
RGB Percent	19.2, 27.8, 51.4	`rgb(19.2%,27.8%,51.4%)`
CMYK	63, 46, 0, 49
HSL	223.9°, 45.6, 35.3	`hsl(223.9,45.6%,35.3%)`
HSV (or HSB)	223.9°, 62.6, 51.4
Web Safe	333399	`#333399`

CIE-LAB	31.342, 11.496, -36.411
XYZ	7.616, 6.798, 22.382
xyY	0.207, 0.185, 6.798
CIE-LCH	31.342, 38.183, 287.523
CIE-LUV	31.342, -10.377, -49.773
Hunter-Lab	26.072, 6.513, -32.648
Binary	00110001, 01000111, 10000011

#314783
```
#314783 rgb(49,71,131)
```
#836d31
```
#836d31 rgb(131,109,49)
```

Complementary Color

#317083
```
#317083 rgb(49,112,131)
```
#314783
```
#314783 rgb(49,71,131)
```
#443183
```
#443183 rgb(68,49,131)
```

Analogous Color

#708331
```
#708331 rgb(112,131,49)
```
#314783
```
#314783 rgb(49,71,131)
```
#834431
```
#834431 rgb(131,68,49)
```

Split Complementary Color

#478331
```
#478331 rgb(71,131,49)
```
#314783
```
#314783 rgb(49,71,131)
```
#833147
```
#833147 rgb(131,49,71)
```

Triadic Color

#31836d
```
#31836d rgb(49,131,109)
```
#314783
```
#314783 rgb(49,71,131)
```
#833147
```
#833147 rgb(131,49,71)
```
#836d31
```
#836d31 rgb(131,109,49)
```

Tetradic Color

#1c294b
```
#1c294b rgb(28,41,75)
```
#23335e
```
#23335e rgb(35,51,94)
```
#2a3d70
```
#2a3d70 rgb(42,61,112)
```
#314783
```
#314783 rgb(49,71,131)
```
#385196
```
#385196 rgb(56,81,150)
```
#3f5ba8
```
#3f5ba8 rgb(63,91,168)
```
#4765ba
```
#4765ba rgb(71,101,186)
```

Monochromatic Color

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

#315c83
```
#315c83 rgb(49,92,131)
```
#315583
```
#315583 rgb(49,85,131)
```
#314e83
```
#314e83 rgb(49,78,131)
```
#314783
```
#314783 rgb(49,71,131)
```
#314083
```
#314083 rgb(49,64,131)
```
#313983
```
#313983 rgb(49,57,131)
```
#313383
```
#313383 rgb(49,51,131)
```

Similar Colors

Text with hexadecimal color #314783

This text has a font color of #314783.

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

#314783 background color

This paragraph has a background color of #314783.

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

#314783 border color

This element has a border color of #314783.

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

CSS codes

.text {color:#314783;}

.background {background-color:#314783;}

.border {border:1px solid #314783;}

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

#010103
```
#010103 rgb(1,1,3)
```
#060911
```
#060911 rgb(6,9,17)
```
#0c111f
```
#0c111f rgb(12,17,31)
```
#11192d
```
#11192d rgb(17,25,45)
```
#16203c
```
#16203c rgb(22,32,60)
```
#1c284a
```
#1c284a rgb(28,40,74)
```
#213058
```
#213058 rgb(33,48,88)
```
#263866
```
#263866 rgb(38,56,102)
```
#2c3f75
```
#2c3f75 rgb(44,63,117)
```
#314783
```
#314783 rgb(49,71,131)
```
#364f91
```
#364f91 rgb(54,79,145)
```
#3c56a0
```
#3c56a0 rgb(60,86,160)
```
#415eae
```
#415eae rgb(65,94,174)
```

Shade Color Variation

#4867bb
```
#4867bb rgb(72,103,187)
```
#5673c0
```
#5673c0 rgb(86,115,192)
```
#647ec5
```
#647ec5 rgb(100,126,197)
```
#738acb
```
#738acb rgb(115,138,203)
```
#8196d0
```
#8196d0 rgb(129,150,208)
```
#8fa2d5
```
#8fa2d5 rgb(143,162,213)
```
#9eaedb
```
#9eaedb rgb(158,174,219)
```
#acbae0
```
#acbae0 rgb(172,186,224)
```
#bac6e5
```
#bac6e5 rgb(186,198,229)
```
#c8d2eb
```
#c8d2eb rgb(200,210,235)
```
#d7ddf0
```
#d7ddf0 rgb(215,221,240)
```
#e5e9f5
```
#e5e9f5 rgb(229,233,245)
```
#f3f5fb
```
#f3f5fb rgb(243,245,251)
```

Tint Color Variation

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

#545760
```
#545760 rgb(84,87,96)
```
#4d5467
```
#4d5467 rgb(77,84,103)
```
#46516e
```
#46516e rgb(70,81,110)
```
#3f4d75
```
#3f4d75 rgb(63,77,117)
```
#384a7c
```
#384a7c rgb(56,74,124)
```
#314783
```
#314783 rgb(49,71,131)
```
#2a448a
```
#2a448a rgb(42,68,138)
```
#234191
```
#234191 rgb(35,65,145)
```
#1c3d98
```
#1c3d98 rgb(28,61,152)
```
#153a9f
```
#153a9f rgb(21,58,159)
```
#0e37a6
```
#0e37a6 rgb(14,55,166)
```
#0734ad
```
#0734ad rgb(7,52,173)
```
#0131b3
```
#0131b3 rgb(1,49,179)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#434753 Atypical Achromatopsia 0.001% of the population

Dichromacy

#36518a Protanopia 1% of men
#255487 Deuteranopia 1% of men
#225a60 Tritanopia 0.001% of the population

Trichromacy

#344d87 Protanomaly 1% of men, 0.01% of women
#294f86 Deuteranomaly 6% of men, 0.4% of women
#27536d Tritanomaly 0.01% of the population

#314783 hex color

#314783 Color Information

#314783 Color Conversion

Color Schemes with #314783

Alternatives to #314783

#314783 Preview

Shades and Tints of #314783

Tones of #314783

Color Blindness Simulator