#314884 hex color

In a RGB color space, hex #314884 is composed of 19.2% red, 28.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 45.5% magenta, 0% yellow and 48.2% black. It has a hue angle of 223.4 degrees, a saturation of 45.9% and a lightness of 35.5%. #314884 color hex could be obtained by blending #6290ff with #000009. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 28
- B 52
RGB color chart
- C 63
- M 45
- Y 0
- K 48
CMYK color chart

● #314884 color description : Dark moderate blue.

The hexadecimal color #314884 has RGB values of R:49, G:72, B:132 and CMYK values of C:0.63, M:0.45, Y:0, K:0.48. Its decimal value is 3229828.

Hex triplet	314884	`#314884`
RGB Decimal	49, 72, 132	`rgb(49,72,132)`
RGB Percent	19.2, 28.2, 51.8	`rgb(19.2%,28.2%,51.8%)`
CMYK	63, 45, 0, 48
HSL	223.4°, 45.9, 35.5	`hsl(223.4,45.9%,35.5%)`
HSV (or HSB)	223.4°, 62.9, 51.8
Web Safe	333399	`#333399`

CIE-LAB	31.7, 11.193, -36.458
XYZ	7.748, 6.953, 22.762
xyY	0.207, 0.186, 6.953
CIE-LCH	31.7, 38.137, 287.067
CIE-LUV	31.7, -10.707, -49.995
Hunter-Lab	26.369, 6.303, -32.722
Binary	00110001, 01001000, 10000100

#314884
```
#314884 rgb(49,72,132)
```
#846d31
```
#846d31 rgb(132,109,49)
```

Complementary Color

#317284
```
#317284 rgb(49,114,132)
```
#314884
```
#314884 rgb(49,72,132)
```
#433184
```
#433184 rgb(67,49,132)
```

Analogous Color

#728431
```
#728431 rgb(114,132,49)
```
#314884
```
#314884 rgb(49,72,132)
```
#844431
```
#844431 rgb(132,68,49)
```

Split Complementary Color

#488431
```
#488431 rgb(72,132,49)
```
#314884
```
#314884 rgb(49,72,132)
```
#843148
```
#843148 rgb(132,49,72)
```

Triadic Color

#31846d
```
#31846d rgb(49,132,109)
```
#314884
```
#314884 rgb(49,72,132)
```
#843148
```
#843148 rgb(132,49,72)
```
#846d31
```
#846d31 rgb(132,109,49)
```

Tetradic Color

#1c2a4c
```
#1c2a4c rgb(28,42,76)
```
#23345f
```
#23345f rgb(35,52,95)
```
#2a3e71
```
#2a3e71 rgb(42,62,113)
```
#314884
```
#314884 rgb(49,72,132)
```
#385297
```
#385297 rgb(56,82,151)
```
#3f5ca9
```
#3f5ca9 rgb(63,92,169)
```
#4767bb
```
#4767bb rgb(71,103,187)
```

Monochromatic Color

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

#315d84
```
#315d84 rgb(49,93,132)
```
#315684
```
#315684 rgb(49,86,132)
```
#314f84
```
#314f84 rgb(49,79,132)
```
#314884
```
#314884 rgb(49,72,132)
```
#314184
```
#314184 rgb(49,65,132)
```
#313a84
```
#313a84 rgb(49,58,132)
```
#313384
```
#313384 rgb(49,51,132)
```

Similar Colors

Text with hexadecimal color #314884

This text has a font color of #314884.

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

#314884 background color

This paragraph has a background color of #314884.

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

#314884 border color

This element has a border color of #314884.

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

CSS codes

.text {color:#314884;}

.background {background-color:#314884;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070a12
```
#070a12 rgb(7,10,18)
```
#0c1120
```
#0c1120 rgb(12,17,32)
```
#11192e
```
#11192e rgb(17,25,46)
```
#16213c
```
#16213c rgb(22,33,60)
```
#1c294b
```
#1c294b rgb(28,41,75)
```
#213159
```
#213159 rgb(33,49,89)
```
#263867
```
#263867 rgb(38,56,103)
```
#2c4076
```
#2c4076 rgb(44,64,118)
```
#314884
```
#314884 rgb(49,72,132)
```
#365092
```
#365092 rgb(54,80,146)
```
#3c58a1
```
#3c58a1 rgb(60,88,161)
```
#415faf
```
#415faf rgb(65,95,175)
```

Shade Color Variation

#4868bb
```
#4868bb rgb(72,104,187)
```
#5774c0
```
#5774c0 rgb(87,116,192)
```
#6580c6
```
#6580c6 rgb(101,128,198)
```
#738ccb
```
#738ccb rgb(115,140,203)
```
#8297d0
```
#8297d0 rgb(130,151,208)
```
#90a3d6
```
#90a3d6 rgb(144,163,214)
```
#9eafdb
```
#9eafdb rgb(158,175,219)
```
#acbbe0
```
#acbbe0 rgb(172,187,224)
```
#bbc7e6
```
#bbc7e6 rgb(187,199,230)
```
#c9d2eb
```
#c9d2eb rgb(201,210,235)
```
#d7def0
```
#d7def0 rgb(215,222,240)
```
#e6eaf6
```
#e6eaf6 rgb(230,234,246)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

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

#545861
```
#545861 rgb(84,88,97)
```
#4d5468
```
#4d5468 rgb(77,84,104)
```
#46516f
```
#46516f rgb(70,81,111)
```
#3f4e76
```
#3f4e76 rgb(63,78,118)
```
#384b7d
```
#384b7d rgb(56,75,125)
```
#314884
```
#314884 rgb(49,72,132)
```
#2a458b
```
#2a458b rgb(42,69,139)
```
#234292
```
#234292 rgb(35,66,146)
```
#1c3f99
```
#1c3f99 rgb(28,63,153)
```
#153ca0
```
#153ca0 rgb(21,60,160)
```
#0e38a7
```
#0e38a7 rgb(14,56,167)
```
#0735ae
```
#0735ae rgb(7,53,174)
```
#0032b5
```
#0032b5 rgb(0,50,181)
```

Tone Color Variation

Below, you can see how #314884 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
#434854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#37528a Protanopia 1% of men
#265489 Deuteranopia 1% of men
#215b61 Tritanopia 0.001% of the population

Trichromacy

#354e88 Protanomaly 1% of men, 0.01% of women
#2a5087 Deuteranomaly 6% of men, 0.4% of women
#27546e Tritanomaly 0.01% of the population

#314884 hex color

#314884 Color Information

#314884 Color Conversion

Color Schemes with #314884

Alternatives to #314884

#314884 Preview

Shades and Tints of #314884

Tones of #314884

Color Blindness Simulator