#314fe4 hex color

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

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

● #314fe4 color description : Bright blue.

The hexadecimal color #314fe4 has RGB values of R:49, G:79, B:228 and CMYK values of C:0.79, M:0.65, Y:0, K:0.11. Its decimal value is 3231716.

Hex triplet	314fe4	`#314fe4`
RGB Decimal	49, 79, 228	`rgb(49,79,228)`
RGB Percent	19.2, 31, 89.4	`rgb(19.2%,31%,89.4%)`
CMYK	79, 65, 0, 11
HSL	229.9°, 76.8, 54.3	`hsl(229.9,76.8%,54.3%)`
HSV (or HSB)	229.9°, 78.5, 89.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.969, 41.913, -78.194
XYZ	18.063, 11.845, 74.729
xyY	0.173, 0.113, 11.845
CIE-LCH	40.969, 88.719, 298.192
CIE-LUV	40.969, -13.729, -114.225
Hunter-Lab	34.417, 33.455, -104.644
Binary	00110001, 01001111, 11100100

#314fe4
```
#314fe4 rgb(49,79,228)
```
#e4c631
```
#e4c631 rgb(228,198,49)
```

Complementary Color

#31a9e4
```
#31a9e4 rgb(49,169,228)
```
#314fe4
```
#314fe4 rgb(49,79,228)
```
#6d31e4
```
#6d31e4 rgb(109,49,228)
```

Analogous Color

#a9e431
```
#a9e431 rgb(169,228,49)
```
#314fe4
```
#314fe4 rgb(49,79,228)
```
#e46d31
```
#e46d31 rgb(228,109,49)
```

Split Complementary Color

#4fe431
```
#4fe431 rgb(79,228,49)
```
#314fe4
```
#314fe4 rgb(49,79,228)
```
#e4314f
```
#e4314f rgb(228,49,79)
```

Triadic Color

#31e4c6
```
#31e4c6 rgb(49,228,198)
```
#314fe4
```
#314fe4 rgb(49,79,228)
```
#e4314f
```
#e4314f rgb(228,49,79)
```
#e4c631
```
#e4c631 rgb(228,198,49)
```

Tetradic Color

#1731b1
```
#1731b1 rgb(23,49,177)
```
#1a37c8
```
#1a37c8 rgb(26,55,200)
```
#1d3ede
```
#1d3ede rgb(29,62,222)
```
#314fe4
```
#314fe4 rgb(49,79,228)
```
#4862e7
```
#4862e7 rgb(72,98,231)
```
#5e76ea
```
#5e76ea rgb(94,118,234)
```
#7589ed
```
#7589ed rgb(117,137,237)
```

Monochromatic Color

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

#317ce4
```
#317ce4 rgb(49,124,228)
```
#316de4
```
#316de4 rgb(49,109,228)
```
#315ee4
```
#315ee4 rgb(49,94,228)
```
#314fe4
```
#314fe4 rgb(49,79,228)
```
#3140e4
```
#3140e4 rgb(49,64,228)
```
#3131e4
```
#3131e4 rgb(49,49,228)
```
#4031e4
```
#4031e4 rgb(64,49,228)
```

Similar Colors

Text with hexadecimal color #314fe4

This text has a font color of #314fe4.

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

#314fe4 background color

This paragraph has a background color of #314fe4.

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

#314fe4 border color

This element has a border color of #314fe4.

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

CSS codes

.text {color:#314fe4;}

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

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

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)
```
#091447
```
#091447 rgb(9,20,71)
```
#0c1959
```
#0c1959 rgb(12,25,89)
```
#0e1d6a
```
#0e1d6a rgb(14,29,106)
```
#10227c
```
#10227c rgb(16,34,124)
```
#12278d
```
#12278d rgb(18,39,141)
```
#152c9e
```
#152c9e rgb(21,44,158)
```
#1731b0
```
#1731b0 rgb(23,49,176)
```
#1935c1
```
#1935c1 rgb(25,53,193)
```
#1c3ad2
```
#1c3ad2 rgb(28,58,210)
```

Shade Color Variation

#2040e2
```
#2040e2 rgb(32,64,226)
```
#314fe4
```
#314fe4 rgb(49,79,228)
```
#425ee6
```
#425ee6 rgb(66,94,230)
```
#546de9
```
#546de9 rgb(84,109,233)
```
#657beb
```
#657beb rgb(101,123,235)
```
#768aed
```
#768aed rgb(118,138,237)
```
#8899ef
```
#8899ef rgb(136,153,239)
```
#99a8f2
```
#99a8f2 rgb(153,168,242)
```
#aab7f4
```
#aab7f4 rgb(170,183,244)
```
#bcc6f6
```
#bcc6f6 rgb(188,198,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 #163dff is the most saturated one.

#828593
```
#828593 rgb(130,133,147)
```
#797f9c
```
#797f9c rgb(121,127,156)
```
#7079a5
```
#7079a5 rgb(112,121,165)
```
#6773ae
```
#6773ae rgb(103,115,174)
```
#5e6db7
```
#5e6db7 rgb(94,109,183)
```
#5567c0
```
#5567c0 rgb(85,103,192)
```
#4c61c9
```
#4c61c9 rgb(76,97,201)
```
#435bd2
```
#435bd2 rgb(67,91,210)
```
#3a55db
```
#3a55db rgb(58,85,219)
```
#314fe4
```
#314fe4 rgb(49,79,228)
```
#2849ed
```
#2849ed rgb(40,73,237)
```
#1f43f6
```
#1f43f6 rgb(31,67,246)
```
#163dff
```
#163dff rgb(22,61,255)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#115dd1 Protanomaly 1% of men, 0.01% of women
#1161c0 Deuteranomaly 6% of men, 0.4% of women
#1166a0 Tritanomaly 0.01% of the population

#314fe4 hex color

#314fe4 Color Information

#314fe4 Color Conversion

Color Schemes with #314fe4

Alternatives to #314fe4

#314fe4 Preview

Shades and Tints of #314fe4

Tones of #314fe4

Color Blindness Simulator