#314ee4 hex color

In a RGB color space, hex #314ee4 is composed of 19.2% red, 30.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 65.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 230.3 degrees, a saturation of 76.8% and a lightness of 54.3%. #314ee4 color hex could be obtained by blending #629cff with #0000c9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 31
- B 89
RGB color chart
- C 79
- M 66
- Y 0
- K 11
CMYK color chart

● #314ee4 color description : Bright blue.

The hexadecimal color #314ee4 has RGB values of R:49, G:78, B:228 and CMYK values of C:0.79, M:0.66, Y:0, K:0.11. Its decimal value is 3231460.

Hex triplet	314ee4	`#314ee4`
RGB Decimal	49, 78, 228	`rgb(49,78,228)`
RGB Percent	19.2, 30.6, 89.4	`rgb(19.2%,30.6%,89.4%)`
CMYK	79, 66, 0, 11
HSL	230.3°, 76.8, 54.3	`hsl(230.3,76.8%,54.3%)`
HSV (or HSB)	230.3°, 78.5, 89.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.738, 42.526, -78.573
XYZ	17.992, 11.702, 74.705
xyY	0.172, 0.112, 11.702
CIE-LCH	40.738, 89.343, 298.423
CIE-LUV	40.738, -13.515, -114.479
Hunter-Lab	34.208, 34.018, -105.534
Binary	00110001, 01001110, 11100100

#314ee4
```
#314ee4 rgb(49,78,228)
```
#e4c731
```
#e4c731 rgb(228,199,49)
```

Complementary Color

#31a8e4
```
#31a8e4 rgb(49,168,228)
```
#314ee4
```
#314ee4 rgb(49,78,228)
```
#6e31e4
```
#6e31e4 rgb(110,49,228)
```

Analogous Color

#a8e431
```
#a8e431 rgb(168,228,49)
```
#314ee4
```
#314ee4 rgb(49,78,228)
```
#e46e31
```
#e46e31 rgb(228,110,49)
```

Split Complementary Color

#4ee431
```
#4ee431 rgb(78,228,49)
```
#314ee4
```
#314ee4 rgb(49,78,228)
```
#e4314e
```
#e4314e rgb(228,49,78)
```

Triadic Color

#31e4c7
```
#31e4c7 rgb(49,228,199)
```
#314ee4
```
#314ee4 rgb(49,78,228)
```
#e4314e
```
#e4314e rgb(228,49,78)
```
#e4c731
```
#e4c731 rgb(228,199,49)
```

Tetradic Color

#1730b1
```
#1730b1 rgb(23,48,177)
```
#1a36c8
```
#1a36c8 rgb(26,54,200)
```
#1d3cde
```
#1d3cde rgb(29,60,222)
```
#314ee4
```
#314ee4 rgb(49,78,228)
```
#4861e7
```
#4861e7 rgb(72,97,231)
```
#5e75ea
```
#5e75ea rgb(94,117,234)
```
#7588ed
```
#7588ed rgb(117,136,237)
```

Monochromatic Color

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

#317be4
```
#317be4 rgb(49,123,228)
```
#316ce4
```
#316ce4 rgb(49,108,228)
```
#315de4
```
#315de4 rgb(49,93,228)
```
#314ee4
```
#314ee4 rgb(49,78,228)
```
#313fe4
```
#313fe4 rgb(49,63,228)
```
#3231e4
```
#3231e4 rgb(50,49,228)
```
#4131e4
```
#4131e4 rgb(65,49,228)
```

Similar Colors

Text with hexadecimal color #314ee4

This text has a font color of #314ee4.

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

#314ee4 background color

This paragraph has a background color of #314ee4.

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

#314ee4 border color

This element has a border color of #314ee4.

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

CSS codes

.text {color:#314ee4;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030513
```
#030513 rgb(3,5,19)
```
#050a25
```
#050a25 rgb(5,10,37)
```
#070f36
```
#070f36 rgb(7,15,54)
```
#091347
```
#091347 rgb(9,19,71)
```
#0c1859
```
#0c1859 rgb(12,24,89)
```
#0e1d6a
```
#0e1d6a rgb(14,29,106)
```
#10227c
```
#10227c rgb(16,34,124)
```
#12268d
```
#12268d rgb(18,38,141)
```
#152b9e
```
#152b9e rgb(21,43,158)
```
#1730b0
```
#1730b0 rgb(23,48,176)
```
#1934c1
```
#1934c1 rgb(25,52,193)
```
#1c39d2
```
#1c39d2 rgb(28,57,210)
```

Shade Color Variation

#203fe2
```
#203fe2 rgb(32,63,226)
```
#314ee4
```
#314ee4 rgb(49,78,228)
```
#425de6
```
#425de6 rgb(66,93,230)
```
#546ce9
```
#546ce9 rgb(84,108,233)
```
#657beb
```
#657beb rgb(101,123,235)
```
#768aed
```
#768aed rgb(118,138,237)
```
#8899ef
```
#8899ef rgb(136,153,239)
```
#99a7f2
```
#99a7f2 rgb(153,167,242)
```
#aab6f4
```
#aab6f4 rgb(170,182,244)
```
#bcc5f6
```
#bcc5f6 rgb(188,197,246)
```
#cdd4f8
```
#cdd4f8 rgb(205,212,248)
```
#dee3fb
```
#dee3fb rgb(222,227,251)
```
#f0f2fd
```
#f0f2fd rgb(240,242,253)
```

Tint Color Variation

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

#828593
```
#828593 rgb(130,133,147)
```
#797e9c
```
#797e9c rgb(121,126,156)
```
#7078a5
```
#7078a5 rgb(112,120,165)
```
#6772ae
```
#6772ae rgb(103,114,174)
```
#5e6cb7
```
#5e6cb7 rgb(94,108,183)
```
#5566c0
```
#5566c0 rgb(85,102,192)
```
#4c60c9
```
#4c60c9 rgb(76,96,201)
```
#435ad2
```
#435ad2 rgb(67,90,210)
```
#3a54db
```
#3a54db rgb(58,84,219)
```
#314ee4
```
#314ee4 rgb(49,78,228)
```
#2848ed
```
#2848ed rgb(40,72,237)
```
#1f42f6
```
#1f42f6 rgb(31,66,246)
```
#163cff
```
#163cff rgb(22,60,255)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f5472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#115cd0 Protanomaly 1% of men, 0.01% of women
#1160c0 Deuteranomaly 6% of men, 0.4% of women
#11659f Tritanomaly 0.01% of the population

#314ee4 hex color

#314ee4 Color Information

#314ee4 Color Conversion

Color Schemes with #314ee4

Alternatives to #314ee4

#314ee4 Preview

Shades and Tints of #314ee4

Tones of #314ee4

Color Blindness Simulator