#314bb7 hex color

In a RGB color space, hex #314bb7 is composed of 19.2% red, 29.4% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 59% magenta, 0% yellow and 28.2% black. It has a hue angle of 228.4 degrees, a saturation of 57.8% and a lightness of 45.5%. #314bb7 color hex could be obtained by blending #6296ff with #00006f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 29
- B 72
RGB color chart
- C 73
- M 59
- Y 0
- K 28
CMYK color chart

● #314bb7 color description : Moderate blue.

The hexadecimal color #314bb7 has RGB values of R:49, G:75, B:183 and CMYK values of C:0.73, M:0.59, Y:0, K:0.28. Its decimal value is 3230647.

Hex triplet	314bb7	`#314bb7`
RGB Decimal	49, 75, 183	`rgb(49,75,183)`
RGB Percent	19.2, 29.4, 71.8	`rgb(19.2%,29.4%,71.8%)`
CMYK	73, 59, 0, 28
HSL	228.4°, 57.8, 45.5	`hsl(228.4,57.8%,45.5%)`
HSV (or HSB)	228.4°, 73.2, 71.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.182, 28.175, -59.997
XYZ	12.328, 9.103, 45.905
xyY	0.183, 0.135, 9.103
CIE-LCH	36.182, 66.284, 295.155
CIE-LUV	36.182, -12.123, -85.824
Hunter-Lab	30.172, 20.135, -69.087
Binary	00110001, 01001011, 10110111

#314bb7
```
#314bb7 rgb(49,75,183)
```
#b79d31
```
#b79d31 rgb(183,157,49)
```

Complementary Color

#318eb7
```
#318eb7 rgb(49,142,183)
```
#314bb7
```
#314bb7 rgb(49,75,183)
```
#5a31b7
```
#5a31b7 rgb(90,49,183)
```

Analogous Color

#8eb731
```
#8eb731 rgb(142,183,49)
```
#314bb7
```
#314bb7 rgb(49,75,183)
```
#b75a31
```
#b75a31 rgb(183,90,49)
```

Split Complementary Color

#4bb731
```
#4bb731 rgb(75,183,49)
```
#314bb7
```
#314bb7 rgb(49,75,183)
```
#b7314b
```
#b7314b rgb(183,49,75)
```

Triadic Color

#31b79d
```
#31b79d rgb(49,183,157)
```
#314bb7
```
#314bb7 rgb(49,75,183)
```
#b7314b
```
#b7314b rgb(183,49,75)
```
#b79d31
```
#b79d31 rgb(183,157,49)
```

Tetradic Color

#21327b
```
#21327b rgb(33,50,123)
```
#263b8f
```
#263b8f rgb(38,59,143)
```
#2c43a3
```
#2c43a3 rgb(44,67,163)
```
#314bb7
```
#314bb7 rgb(49,75,183)
```
#3854ca
```
#3854ca rgb(56,84,202)
```
#4c65cf
```
#4c65cf rgb(76,101,207)
```
#6077d4
```
#6077d4 rgb(96,119,212)
```

Monochromatic Color

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

#316db7
```
#316db7 rgb(49,109,183)
```
#3161b7
```
#3161b7 rgb(49,97,183)
```
#3156b7
```
#3156b7 rgb(49,86,183)
```
#314bb7
```
#314bb7 rgb(49,75,183)
```
#3140b7
```
#3140b7 rgb(49,64,183)
```
#3135b7
```
#3135b7 rgb(49,53,183)
```
#3831b7
```
#3831b7 rgb(56,49,183)
```

Similar Colors

Text with hexadecimal color #314bb7

This text has a font color of #314bb7.

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

#314bb7 background color

This paragraph has a background color of #314bb7.

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

#314bb7 border color

This element has a border color of #314bb7.

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

CSS codes

.text {color:#314bb7;}

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

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

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, #03050d is the darkest color, while #fcfdfe is the lightest one.

#03050d
```
#03050d rgb(3,5,13)
```
#080c1c
```
#080c1c rgb(8,12,28)
```
#0c122c
```
#0c122c rgb(12,18,44)
```
#10183b
```
#10183b rgb(16,24,59)
```
#141f4b
```
#141f4b rgb(20,31,75)
```
#18255a
```
#18255a rgb(24,37,90)
```
#1c2b6a
```
#1c2b6a rgb(28,43,106)
```
#203279
```
#203279 rgb(32,50,121)
```
#253889
```
#253889 rgb(37,56,137)
```
#293e98
```
#293e98 rgb(41,62,152)
```
#2d45a8
```
#2d45a8 rgb(45,69,168)
```
#314bb7
```
#314bb7 rgb(49,75,183)
```
#3551c6
```
#3551c6 rgb(53,81,198)
```

Shade Color Variation

#435dcd
```
#435dcd rgb(67,93,205)
```
#526bd1
```
#526bd1 rgb(82,107,209)
```
#6278d5
```
#6278d5 rgb(98,120,213)
```
#7185d9
```
#7185d9 rgb(113,133,217)
```
#8193dd
```
#8193dd rgb(129,147,221)
```
#90a0e1
```
#90a0e1 rgb(144,160,225)
```
#9fade5
```
#9fade5 rgb(159,173,229)
```
#afbaea
```
#afbaea rgb(175,186,234)
```
#bec8ee
```
#bec8ee rgb(190,200,238)
```
#ced5f2
```
#ced5f2 rgb(206,213,242)
```
#dde2f6
```
#dde2f6 rgb(221,226,246)
```
#edeffa
```
#edeffa rgb(237,239,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7179 is the less saturated color, while #0430e4 is the most saturated one.

#6f7179
```
#6f7179 rgb(111,113,121)
```
#676c81
```
#676c81 rgb(103,108,129)
```
#5e668a
```
#5e668a rgb(94,102,138)
```
#556193
```
#556193 rgb(85,97,147)
```
#4c5b9c
```
#4c5b9c rgb(76,91,156)
```
#4356a5
```
#4356a5 rgb(67,86,165)
```
#3a50ae
```
#3a50ae rgb(58,80,174)
```
#314bb7
```
#314bb7 rgb(49,75,183)
```
#2846c0
```
#2846c0 rgb(40,70,192)
```
#1f40c9
```
#1f40c9 rgb(31,64,201)
```
#163bd2
```
#163bd2 rgb(22,59,210)
```
#0d35db
```
#0d35db rgb(13,53,219)
```
#0430e4
```
#0430e4 rgb(4,48,228)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a4f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609b Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#1155b4 Protanomaly 1% of men, 0.01% of women
#1158a5 Deuteranomaly 6% of men, 0.4% of women
#115c88 Tritanomaly 0.01% of the population

#314bb7 hex color

#314bb7 Color Information

#314bb7 Color Conversion

Color Schemes with #314bb7

Alternatives to #314bb7

#314bb7 Preview

Shades and Tints of #314bb7

Tones of #314bb7

Color Blindness Simulator