#314dfe hex color

In a RGB color space, hex #314dfe is composed of 19.2% red, 30.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 69.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 231.8 degrees, a saturation of 99% and a lightness of 59.4%. #314dfe color hex could be obtained by blending #629aff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 30
- B 100
RGB color chart
- C 81
- M 70
- Y 0
- K 0
CMYK color chart

● #314dfe color description : Bright blue.

The hexadecimal color #314dfe has RGB values of R:49, G:77, B:254 and CMYK values of C:0.81, M:0.7, Y:0, K:0. Its decimal value is 3231230.

Hex triplet	314dfe	`#314dfe`
RGB Decimal	49, 77, 254	`rgb(49,77,254)`
RGB Percent	19.2, 30.2, 99.6	`rgb(19.2%,30.2%,99.6%)`
CMYK	81, 70, 0, 0
HSL	231.8°, 99, 59.4	`hsl(231.8,99%,59.4%)`
HSV (or HSB)	231.8°, 80.7, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.936, 52.057, -89.593
XYZ	21.806, 13.115, 95.143
xyY	0.168, 0.101, 13.115
CIE-LCH	42.936, 103.618, 300.158
CIE-LUV	42.936, -13.82, -130.679
Hunter-Lab	36.215, 44.107, -130.416
Binary	00110001, 01001101, 11111110

#314dfe
```
#314dfe rgb(49,77,254)
```
#fee231
```
#fee231 rgb(254,226,49)
```

Complementary Color

#31b4fe
```
#31b4fe rgb(49,180,254)
```
#314dfe
```
#314dfe rgb(49,77,254)
```
#7c31fe
```
#7c31fe rgb(124,49,254)
```

Analogous Color

#b4fe31
```
#b4fe31 rgb(180,254,49)
```
#314dfe
```
#314dfe rgb(49,77,254)
```
#fe7c31
```
#fe7c31 rgb(254,124,49)
```

Split Complementary Color

#4dfe31
```
#4dfe31 rgb(77,254,49)
```
#314dfe
```
#314dfe rgb(49,77,254)
```
#fe314d
```
#fe314d rgb(254,49,77)
```

Triadic Color

#31fee2
```
#31fee2 rgb(49,254,226)
```
#314dfe
```
#314dfe rgb(49,77,254)
```
#fe314d
```
#fe314d rgb(254,49,77)
```
#fee231
```
#fee231 rgb(254,226,49)
```

Tetradic Color

#0120e1
```
#0120e1 rgb(1,32,225)
```
#0123fb
```
#0123fb rgb(1,35,251)
```
#1837fe
```
#1837fe rgb(24,55,254)
```
#314dfe
```
#314dfe rgb(49,77,254)
```
#4a63fe
```
#4a63fe rgb(74,99,254)
```
#6479fe
```
#6479fe rgb(100,121,254)
```
#7d8ffe
```
#7d8ffe rgb(125,143,254)
```

Monochromatic Color

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

#3180fe
```
#3180fe rgb(49,128,254)
```
#316ffe
```
#316ffe rgb(49,111,254)
```
#315efe
```
#315efe rgb(49,94,254)
```
#314dfe
```
#314dfe rgb(49,77,254)
```
#313cfe
```
#313cfe rgb(49,60,254)
```
#3731fe
```
#3731fe rgb(55,49,254)
```
#4831fe
```
#4831fe rgb(72,49,254)
```

Similar Colors

Text with hexadecimal color #314dfe

This text has a font color of #314dfe.

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

#314dfe background color

This paragraph has a background color of #314dfe.

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

#314dfe border color

This element has a border color of #314dfe.

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

CSS codes

.text {color:#314dfe;}

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

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

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

#000109
```
#000109 rgb(0,1,9)
```
#00041c
```
#00041c rgb(0,4,28)
```
#000730
```
#000730 rgb(0,7,48)
```
#000943
```
#000943 rgb(0,9,67)
```
#000c57
```
#000c57 rgb(0,12,87)
```
#010f6a
```
#010f6a rgb(1,15,106)
```
#01127e
```
#01127e rgb(1,18,126)
```
#011491
```
#011491 rgb(1,20,145)
```
#0117a5
```
#0117a5 rgb(1,23,165)
```
#011ab8
```
#011ab8 rgb(1,26,184)
```
#011dcc
```
#011dcc rgb(1,29,204)
```
#011fdf
```
#011fdf rgb(1,31,223)
```
#0122f3
```
#0122f3 rgb(1,34,243)
```

Shade Color Variation

#0a2bfe
```
#0a2bfe rgb(10,43,254)
```
#1d3cfe
```
#1d3cfe rgb(29,60,254)
```
#314dfe
```
#314dfe rgb(49,77,254)
```
#455efe
```
#455efe rgb(69,94,254)
```
#586ffe
```
#586ffe rgb(88,111,254)
```
#6c80fe
```
#6c80fe rgb(108,128,254)
```
#7f90fe
```
#7f90fe rgb(127,144,254)
```
#93a1fe
```
#93a1fe rgb(147,161,254)
```
#a6b2ff
```
#a6b2ff rgb(166,178,255)
```
#bac3ff
```
#bac3ff rgb(186,195,255)
```
#cdd4ff
```
#cdd4ff rgb(205,212,255)
```
#e1e5ff
```
#e1e5ff rgb(225,229,255)
```
#f4f6ff
```
#f4f6ff rgb(244,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91929e is the less saturated color, while #314dfe is the most saturated one.

#91929e
```
#91929e rgb(145,146,158)
```
#898da6
```
#898da6 rgb(137,141,166)
```
#8187ae
```
#8187ae rgb(129,135,174)
```
#7981b6
```
#7981b6 rgb(121,129,182)
```
#717bbe
```
#717bbe rgb(113,123,190)
```
#6976c6
```
#6976c6 rgb(105,118,198)
```
#6170ce
```
#6170ce rgb(97,112,206)
```
#596ad6
```
#596ad6 rgb(89,106,214)
```
#5164de
```
#5164de rgb(81,100,222)
```
#495ee6
```
#495ee6 rgb(73,94,230)
```
#4159ee
```
#4159ee rgb(65,89,238)
```
#3953f6
```
#3953f6 rgb(57,83,246)
```
#314dfe
```
#314dfe rgb(49,77,254)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#51577a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#115fdf Protanomaly 1% of men, 0.01% of women
#1163ce Deuteranomaly 6% of men, 0.4% of women
#1168ac Tritanomaly 0.01% of the population

#314dfe hex color

#314dfe Color Information

#314dfe Color Conversion

Color Schemes with #314dfe

Alternatives to #314dfe

#314dfe Preview

Shades and Tints of #314dfe

Tones of #314dfe

Color Blindness Simulator