#314496 hex color

In a RGB color space, hex #314496 is composed of 19.2% red, 26.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 54.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 228.7 degrees, a saturation of 50.8% and a lightness of 39%. #314496 color hex could be obtained by blending #6288ff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 27
- B 59
RGB color chart
- C 67
- M 55
- Y 0
- K 41
CMYK color chart

● #314496 color description : Dark moderate blue.

The hexadecimal color #314496 has RGB values of R:49, G:68, B:150 and CMYK values of C:0.67, M:0.55, Y:0, K:0.41. Its decimal value is 3228822.

Hex triplet	314496	`#314496`
RGB Decimal	49, 68, 150	`rgb(49,68,150)`
RGB Percent	19.2, 26.7, 58.8	`rgb(19.2%,26.7%,58.8%)`
CMYK	67, 55, 0, 41
HSL	228.7°, 50.8, 39	`hsl(228.7,50.8%,39%)`
HSV (or HSB)	228.7°, 67.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	31.781, 20.564, -47.377
XYZ	8.838, 6.989, 29.736
xyY	0.194, 0.153, 6.989
CIE-LCH	31.781, 51.648, 293.464
CIE-LUV	31.781, -9.747, -65.403
Hunter-Lab	26.436, 13.409, -48.185
Binary	00110001, 01000100, 10010110

#314496
```
#314496 rgb(49,68,150)
```
#968331
```
#968331 rgb(150,131,49)
```

Complementary Color

#317796
```
#317796 rgb(49,119,150)
```
#314496
```
#314496 rgb(49,68,150)
```
#503196
```
#503196 rgb(80,49,150)
```

Analogous Color

#779631
```
#779631 rgb(119,150,49)
```
#314496
```
#314496 rgb(49,68,150)
```
#965131
```
#965131 rgb(150,81,49)
```

Split Complementary Color

#449631
```
#449631 rgb(68,150,49)
```
#314496
```
#314496 rgb(49,68,150)
```
#963144
```
#963144 rgb(150,49,68)
```

Triadic Color

#319683
```
#319683 rgb(49,150,131)
```
#314496
```
#314496 rgb(49,68,150)
```
#963144
```
#963144 rgb(150,49,68)
```
#968331
```
#968331 rgb(150,131,49)
```

Tetradic Color

#1e2a5c
```
#1e2a5c rgb(30,42,92)
```
#243370
```
#243370 rgb(36,51,112)
```
#2b3b83
```
#2b3b83 rgb(43,59,131)
```
#314496
```
#314496 rgb(49,68,150)
```
#374da9
```
#374da9 rgb(55,77,169)
```
#3e55bc
```
#3e55bc rgb(62,85,188)
```
#4e65c5
```
#4e65c5 rgb(78,101,197)
```

Monochromatic Color

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

#315d96
```
#315d96 rgb(49,93,150)
```
#315596
```
#315596 rgb(49,85,150)
```
#314c96
```
#314c96 rgb(49,76,150)
```
#314496
```
#314496 rgb(49,68,150)
```
#313c96
```
#313c96 rgb(49,60,150)
```
#313396
```
#313396 rgb(49,51,150)
```
#373196
```
#373196 rgb(55,49,150)
```

Similar Colors

Text with hexadecimal color #314496

This text has a font color of #314496.

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

#314496 background color

This paragraph has a background color of #314496.

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

#314496 border color

This element has a border color of #314496.

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

CSS codes

.text {color:#314496;}

.background {background-color:#314496;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060811
```
#060811 rgb(6,8,17)
```
#0a0e20
```
#0a0e20 rgb(10,14,32)
```
#0f152f
```
#0f152f rgb(15,21,47)
```
#141c3d
```
#141c3d rgb(20,28,61)
```
#19224c
```
#19224c rgb(25,34,76)
```
#1e295b
```
#1e295b rgb(30,41,91)
```
#23306a
```
#23306a rgb(35,48,106)
```
#273778
```
#273778 rgb(39,55,120)
```
#2c3d87
```
#2c3d87 rgb(44,61,135)
```
#314496
```
#314496 rgb(49,68,150)
```
#364ba5
```
#364ba5 rgb(54,75,165)
```
#3b51b4
```
#3b51b4 rgb(59,81,180)
```

Shade Color Variation

#4159c1
```
#4159c1 rgb(65,89,193)
```
#5066c6
```
#5066c6 rgb(80,102,198)
```
#5f73cb
```
#5f73cb rgb(95,115,203)
```
#6d80cf
```
#6d80cf rgb(109,128,207)
```
#7c8dd4
```
#7c8dd4 rgb(124,141,212)
```
#8b9ad9
```
#8b9ad9 rgb(139,154,217)
```
#9aa6de
```
#9aa6de rgb(154,166,222)
```
#a8b3e3
```
#a8b3e3 rgb(168,179,227)
```
#b7c0e8
```
#b7c0e8 rgb(183,192,232)
```
#c6cdec
```
#c6cdec rgb(198,205,236)
```
#d5daf1
```
#d5daf1 rgb(213,218,241)
```
#e4e7f6
```
#e4e7f6 rgb(228,231,246)
```
#f2f4fb
```
#f2f4fb rgb(242,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6168 is the less saturated color, while #0327c4 is the most saturated one.

#5f6168
```
#5f6168 rgb(95,97,104)
```
#575c70
```
#575c70 rgb(87,92,112)
```
#505777
```
#505777 rgb(80,87,119)
```
#48527f
```
#48527f rgb(72,82,127)
```
#404e87
```
#404e87 rgb(64,78,135)
```
#39498e
```
#39498e rgb(57,73,142)
```
#314496
```
#314496 rgb(49,68,150)
```
#293f9e
```
#293f9e rgb(41,63,158)
```
#223aa5
```
#223aa5 rgb(34,58,165)
```
#1a36ad
```
#1a36ad rgb(26,54,173)
```
#1231b5
```
#1231b5 rgb(18,49,181)
```
#0b2cbc
```
#0b2cbc rgb(11,44,188)
```
#0327c4
```
#0327c4 rgb(3,39,196)
```

Tone Color Variation

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

Dichromacy

#11519f Protanopia 1% of men
#00558d Deuteranopia 1% of men
#005c62 Tritanopia 0.001% of the population

Trichromacy

#1c4c9b Protanomaly 1% of men, 0.01% of women
#114f90 Deuteranomaly 6% of men, 0.4% of women
#115375 Tritanomaly 0.01% of the population

#314496 hex color

#314496 Color Information

#314496 Color Conversion

Color Schemes with #314496

Alternatives to #314496

#314496 Preview

Shades and Tints of #314496

Tones of #314496

Color Blindness Simulator