#314eb7 hex color

In a RGB color space, hex #314eb7 is composed of 19.2% red, 30.6% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 57.4% magenta, 0% yellow and 28.2% black. It has a hue angle of 227 degrees, a saturation of 57.8% and a lightness of 45.5%. #314eb7 color hex could be obtained by blending #629cff with #00006f. Closest websafe color is: #3366cc.

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

● #314eb7 color description : Moderate blue.

The hexadecimal color #314eb7 has RGB values of R:49, G:78, B:183 and CMYK values of C:0.73, M:0.57, Y:0, K:0.28. Its decimal value is 3231415.

Hex triplet	314eb7	`#314eb7`
RGB Decimal	49, 78, 183	`rgb(49,78,183)`
RGB Percent	19.2, 30.6, 71.8	`rgb(19.2%,30.6%,71.8%)`
CMYK	73, 57, 0, 28
HSL	227°, 57.8, 45.5	`hsl(227,57.8%,45.5%)`
HSV (or HSB)	227°, 73.2, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	36.966, 26.213, -58.721
XYZ	12.536, 9.52, 45.974
xyY	0.184, 0.14, 9.52
CIE-LCH	36.966, 64.306, 294.056
CIE-LUV	36.966, -12.9, -84.663
Hunter-Lab	30.854, 18.532, -66.747
Binary	00110001, 01001110, 10110111

#314eb7
```
#314eb7 rgb(49,78,183)
```
#b79a31
```
#b79a31 rgb(183,154,49)
```

Complementary Color

#3191b7
```
#3191b7 rgb(49,145,183)
```
#314eb7
```
#314eb7 rgb(49,78,183)
```
#5731b7
```
#5731b7 rgb(87,49,183)
```

Analogous Color

#91b731
```
#91b731 rgb(145,183,49)
```
#314eb7
```
#314eb7 rgb(49,78,183)
```
#b75731
```
#b75731 rgb(183,87,49)
```

Split Complementary Color

#4eb731
```
#4eb731 rgb(78,183,49)
```
#314eb7
```
#314eb7 rgb(49,78,183)
```
#b7314e
```
#b7314e rgb(183,49,78)
```

Triadic Color

#31b79a
```
#31b79a rgb(49,183,154)
```
#314eb7
```
#314eb7 rgb(49,78,183)
```
#b7314e
```
#b7314e rgb(183,49,78)
```
#b79a31
```
#b79a31 rgb(183,154,49)
```

Tetradic Color

#21347b
```
#21347b rgb(33,52,123)
```
#263d8f
```
#263d8f rgb(38,61,143)
```
#2c45a3
```
#2c45a3 rgb(44,69,163)
```
#314eb7
```
#314eb7 rgb(49,78,183)
```
#3857ca
```
#3857ca rgb(56,87,202)
```
#4c68cf
```
#4c68cf rgb(76,104,207)
```
#6079d4
```
#6079d4 rgb(96,121,212)
```

Monochromatic Color

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

#3170b7
```
#3170b7 rgb(49,112,183)
```
#3164b7
```
#3164b7 rgb(49,100,183)
```
#3159b7
```
#3159b7 rgb(49,89,183)
```
#314eb7
```
#314eb7 rgb(49,78,183)
```
#3143b7
```
#3143b7 rgb(49,67,183)
```
#3138b7
```
#3138b7 rgb(49,56,183)
```
#3531b7
```
#3531b7 rgb(53,49,183)
```

Similar Colors

Text with hexadecimal color #314eb7

This text has a font color of #314eb7.

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

#314eb7 background color

This paragraph has a background color of #314eb7.

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

#314eb7 border color

This element has a border color of #314eb7.

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

CSS codes

.text {color:#314eb7;}

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

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

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)
```
#0c132c
```
#0c132c rgb(12,19,44)
```
#10193b
```
#10193b rgb(16,25,59)
```
#14204b
```
#14204b rgb(20,32,75)
```
#18265a
```
#18265a rgb(24,38,90)
```
#1c2d6a
```
#1c2d6a rgb(28,45,106)
```
#203479
```
#203479 rgb(32,52,121)
```
#253a89
```
#253a89 rgb(37,58,137)
```
#294198
```
#294198 rgb(41,65,152)
```
#2d47a8
```
#2d47a8 rgb(45,71,168)
```
#314eb7
```
#314eb7 rgb(49,78,183)
```
#3555c6
```
#3555c6 rgb(53,85,198)
```

Shade Color Variation

#4361cd
```
#4361cd rgb(67,97,205)
```
#526ed1
```
#526ed1 rgb(82,110,209)
```
#627bd5
```
#627bd5 rgb(98,123,213)
```
#7188d9
```
#7188d9 rgb(113,136,217)
```
#8195dd
```
#8195dd rgb(129,149,221)
```
#90a2e1
```
#90a2e1 rgb(144,162,225)
```
#9fafe5
```
#9fafe5 rgb(159,175,229)
```
#afbcea
```
#afbcea rgb(175,188,234)
```
#bec9ee
```
#bec9ee rgb(190,201,238)
```
#ced6f2
```
#ced6f2 rgb(206,214,242)
```
#dde3f6
```
#dde3f6 rgb(221,227,246)
```
#edf0fa
```
#edf0fa rgb(237,240,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 #0435e4 is the most saturated one.

#6f7179
```
#6f7179 rgb(111,113,121)
```
#676c81
```
#676c81 rgb(103,108,129)
```
#5e678a
```
#5e678a rgb(94,103,138)
```
#556293
```
#556293 rgb(85,98,147)
```
#4c5d9c
```
#4c5d9c rgb(76,93,156)
```
#4358a5
```
#4358a5 rgb(67,88,165)
```
#3a53ae
```
#3a53ae rgb(58,83,174)
```
#314eb7
```
#314eb7 rgb(49,78,183)
```
#2849c0
```
#2849c0 rgb(40,73,192)
```
#1f44c9
```
#1f44c9 rgb(31,68,201)
```
#163fd2
```
#163fd2 rgb(22,63,210)
```
#0d3adb
```
#0d3adb rgb(13,58,219)
```
#0435e4
```
#0435e4 rgb(4,53,228)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b5065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb5 Protanopia 1% of men
#00619f Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1157b6 Protanomaly 1% of men, 0.01% of women
#115aa7 Deuteranomaly 6% of men, 0.4% of women
#115f89 Tritanomaly 0.01% of the population

#314eb7 hex color

#314eb7 Color Information

#314eb7 Color Conversion

Color Schemes with #314eb7

Alternatives to #314eb7

#314eb7 Preview

Shades and Tints of #314eb7

Tones of #314eb7

Color Blindness Simulator