#314b97 hex color

In a RGB color space, hex #314b97 is composed of 19.2% red, 29.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 50.3% magenta, 0% yellow and 40.8% black. It has a hue angle of 224.7 degrees, a saturation of 51% and a lightness of 39.2%. #314b97 color hex could be obtained by blending #6296ff with #00002f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 29
- B 59
RGB color chart
- C 68
- M 50
- Y 0
- K 41
CMYK color chart

● #314b97 color description : Dark moderate blue.

The hexadecimal color #314b97 has RGB values of R:49, G:75, B:151 and CMYK values of C:0.68, M:0.5, Y:0, K:0.41. Its decimal value is 3230615.

Hex triplet	314b97	`#314b97`
RGB Decimal	49, 75, 151	`rgb(49,75,151)`
RGB Percent	19.2, 29.4, 59.2	`rgb(19.2%,29.4%,59.2%)`
CMYK	68, 50, 0, 41
HSL	224.7°, 51, 39.2	`hsl(224.7,51%,39.2%)`
HSV (or HSB)	224.7°, 67.5, 59.2
Web Safe	333399	`#333399`

CIE-LAB	33.813, 16.244, -44.705
XYZ	9.367, 7.919, 30.311
xyY	0.197, 0.166, 7.919
CIE-LCH	33.813, 47.565, 289.969
CIE-LUV	33.813, -11.786, -62.871
Hunter-Lab	28.141, 10.173, -44.165
Binary	00110001, 01001011, 10010111

#314b97
```
#314b97 rgb(49,75,151)
```
#977d31
```
#977d31 rgb(151,125,49)
```

Complementary Color

#317e97
```
#317e97 rgb(49,126,151)
```
#314b97
```
#314b97 rgb(49,75,151)
```
#4a3197
```
#4a3197 rgb(74,49,151)
```

Analogous Color

#7e9731
```
#7e9731 rgb(126,151,49)
```
#314b97
```
#314b97 rgb(49,75,151)
```
#974a31
```
#974a31 rgb(151,74,49)
```

Split Complementary Color

#4b9731
```
#4b9731 rgb(75,151,49)
```
#314b97
```
#314b97 rgb(49,75,151)
```
#97314b
```
#97314b rgb(151,49,75)
```

Triadic Color

#31977d
```
#31977d rgb(49,151,125)
```
#314b97
```
#314b97 rgb(49,75,151)
```
#97314b
```
#97314b rgb(151,49,75)
```
#977d31
```
#977d31 rgb(151,125,49)
```

Tetradic Color

#1e2e5d
```
#1e2e5d rgb(30,46,93)
```
#253870
```
#253870 rgb(37,56,112)
```
#2b4184
```
#2b4184 rgb(43,65,132)
```
#314b97
```
#314b97 rgb(49,75,151)
```
#3755aa
```
#3755aa rgb(55,85,170)
```
#3d5ebe
```
#3d5ebe rgb(61,94,190)
```
#4f6dc6
```
#4f6dc6 rgb(79,109,198)
```

Monochromatic Color

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

#316597
```
#316597 rgb(49,101,151)
```
#315c97
```
#315c97 rgb(49,92,151)
```
#315497
```
#315497 rgb(49,84,151)
```
#314b97
```
#314b97 rgb(49,75,151)
```
#314297
```
#314297 rgb(49,66,151)
```
#313a97
```
#313a97 rgb(49,58,151)
```
#313297
```
#313297 rgb(49,50,151)
```

Similar Colors

Text with hexadecimal color #314b97

This text has a font color of #314b97.

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

#314b97 background color

This paragraph has a background color of #314b97.

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

#314b97 border color

This element has a border color of #314b97.

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

CSS codes

.text {color:#314b97;}

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

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

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)
```
#060912
```
#060912 rgb(6,9,18)
```
#0b1021
```
#0b1021 rgb(11,16,33)
```
#0f182f
```
#0f182f rgb(15,24,47)
```
#141f3e
```
#141f3e rgb(20,31,62)
```
#19264d
```
#19264d rgb(25,38,77)
```
#1e2e5c
```
#1e2e5c rgb(30,46,92)
```
#23356b
```
#23356b rgb(35,53,107)
```
#273c79
```
#273c79 rgb(39,60,121)
```
#2c4488
```
#2c4488 rgb(44,68,136)
```
#314b97
```
#314b97 rgb(49,75,151)
```
#3652a6
```
#3652a6 rgb(54,82,166)
```
#3b5ab5
```
#3b5ab5 rgb(59,90,181)
```

Shade Color Variation

#4162c1
```
#4162c1 rgb(65,98,193)
```
#506ec6
```
#506ec6 rgb(80,110,198)
```
#5f7bcb
```
#5f7bcb rgb(95,123,203)
```
#6e87d0
```
#6e87d0 rgb(110,135,208)
```
#7d93d5
```
#7d93d5 rgb(125,147,213)
```
#8b9fd9
```
#8b9fd9 rgb(139,159,217)
```
#9aacde
```
#9aacde rgb(154,172,222)
```
#a9b8e3
```
#a9b8e3 rgb(169,184,227)
```
#b8c4e8
```
#b8c4e8 rgb(184,196,232)
```
#c7d0ed
```
#c7d0ed rgb(199,208,237)
```
#d5ddf2
```
#d5ddf2 rgb(213,221,242)
```
#e4e9f6
```
#e4e9f6 rgb(228,233,246)
```
#f3f5fb
```
#f3f5fb rgb(243,245,251)
```

Tint Color Variation

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

#5f6269
```
#5f6269 rgb(95,98,105)
```
#575e71
```
#575e71 rgb(87,94,113)
```
#505a78
```
#505a78 rgb(80,90,120)
```
#485680
```
#485680 rgb(72,86,128)
```
#405388
```
#405388 rgb(64,83,136)
```
#394f8f
```
#394f8f rgb(57,79,143)
```
#314b97
```
#314b97 rgb(49,75,151)
```
#29479f
```
#29479f rgb(41,71,159)
```
#2243a6
```
#2243a6 rgb(34,67,166)
```
#1a40ae
```
#1a40ae rgb(26,64,174)
```
#123cb6
```
#123cb6 rgb(18,60,182)
```
#0b38bd
```
#0b38bd rgb(11,56,189)
```
#0334c5
```
#0334c5 rgb(3,52,197)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#474c5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c569e Protanopia 1% of men
#005a95 Deuteranopia 1% of men
#006168 Tritanopia 0.001% of the population

Trichromacy

#2e529b Protanomaly 1% of men, 0.01% of women
#115496 Deuteranomaly 6% of men, 0.4% of women
#115979 Tritanomaly 0.01% of the population

#314b97 hex color

#314b97 Color Information

#314b97 Color Conversion

Color Schemes with #314b97

Alternatives to #314b97

#314b97 Preview

Shades and Tints of #314b97

Tones of #314b97

Color Blindness Simulator