#314dfc hex color

In a RGB color space, hex #314dfc is composed of 19.2% red, 30.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 69.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 231.7 degrees, a saturation of 97.1% and a lightness of 59%. #314dfc color hex could be obtained by blending #629aff with #0000f9. Closest websafe color is: #3366ff.

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

● #314dfc color description : Bright blue.

The hexadecimal color #314dfc has RGB values of R:49, G:77, B:252 and CMYK values of C:0.81, M:0.69, Y:0, K:0.01. Its decimal value is 3231228.

Hex triplet	314dfc	`#314dfc`
RGB Decimal	49, 77, 252	`rgb(49,77,252)`
RGB Percent	19.2, 30.2, 98.8	`rgb(19.2%,30.2%,98.8%)`
CMYK	81, 69, 0, 1
HSL	231.7°, 97.1, 59	`hsl(231.7,97.1%,59%)`
HSV (or HSB)	231.7°, 80.6, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.744, 51.385, -88.792
XYZ	21.488, 12.987, 93.464
xyY	0.168, 0.102, 12.987
CIE-LCH	42.744, 102.588, 300.058
CIE-LUV	42.744, -13.778, -129.476
Hunter-Lab	36.038, 43.363, -128.541
Binary	00110001, 01001101, 11111100

#314dfc
```
#314dfc rgb(49,77,252)
```
#fce031
```
#fce031 rgb(252,224,49)
```

Complementary Color

#31b3fc
```
#31b3fc rgb(49,179,252)
```
#314dfc
```
#314dfc rgb(49,77,252)
```
#7b31fc
```
#7b31fc rgb(123,49,252)
```

Analogous Color

#b3fc31
```
#b3fc31 rgb(179,252,49)
```
#314dfc
```
#314dfc rgb(49,77,252)
```
#fc7b31
```
#fc7b31 rgb(252,123,49)
```

Split Complementary Color

#4dfc31
```
#4dfc31 rgb(77,252,49)
```
#314dfc
```
#314dfc rgb(49,77,252)
```
#fc314d
```
#fc314d rgb(252,49,77)
```

Triadic Color

#31fce0
```
#31fce0 rgb(49,252,224)
```
#314dfc
```
#314dfc rgb(49,77,252)
```
#fc314d
```
#fc314d rgb(252,49,77)
```
#fce031
```
#fce031 rgb(252,224,49)
```

Tetradic Color

#0321dd
```
#0321dd rgb(3,33,221)
```
#0425f6
```
#0425f6 rgb(4,37,246)
```
#1837fc
```
#1837fc rgb(24,55,252)
```
#314dfc
```
#314dfc rgb(49,77,252)
```
#4a63fc
```
#4a63fc rgb(74,99,252)
```
#6378fd
```
#6378fd rgb(99,120,253)
```
#7c8efd
```
#7c8efd rgb(124,142,253)
```

Monochromatic Color

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

#3180fc
```
#3180fc rgb(49,128,252)
```
#316ffc
```
#316ffc rgb(49,111,252)
```
#315efc
```
#315efc rgb(49,94,252)
```
#314dfc
```
#314dfc rgb(49,77,252)
```
#313cfc
```
#313cfc rgb(49,60,252)
```
#3731fc
```
#3731fc rgb(55,49,252)
```
#4831fc
```
#4831fc rgb(72,49,252)
```

Similar Colors

Text with hexadecimal color #314dfc

This text has a font color of #314dfc.

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

#314dfc background color

This paragraph has a background color of #314dfc.

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

#314dfc border color

This element has a border color of #314dfc.

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

CSS codes

.text {color:#314dfc;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#00041a
```
#00041a rgb(0,4,26)
```
#01072d
```
#01072d rgb(1,7,45)
```
#010a41
```
#010a41 rgb(1,10,65)
```
#010d54
```
#010d54 rgb(1,13,84)
```
#021067
```
#021067 rgb(2,16,103)
```
#02127b
```
#02127b rgb(2,18,123)
```
#02158e
```
#02158e rgb(2,21,142)
```
#0218a1
```
#0218a1 rgb(2,24,161)
```
#031bb5
```
#031bb5 rgb(3,27,181)
```
#031ec8
```
#031ec8 rgb(3,30,200)
```
#0321db
```
#0321db rgb(3,33,219)
```
#0324ef
```
#0324ef rgb(3,36,239)
```

Shade Color Variation

#0a2cfb
```
#0a2cfb rgb(10,44,251)
```
#1e3cfc
```
#1e3cfc rgb(30,60,252)
```
#314dfc
```
#314dfc rgb(49,77,252)
```
#445efc
```
#445efc rgb(68,94,252)
```
#586efd
```
#586efd rgb(88,110,253)
```
#6b7ffd
```
#6b7ffd rgb(107,127,253)
```
#7e90fd
```
#7e90fd rgb(126,144,253)
```
#92a1fd
```
#92a1fd rgb(146,161,253)
```
#a5b1fe
```
#a5b1fe rgb(165,177,254)
```
#b8c2fe
```
#b8c2fe rgb(184,194,254)
```
#ccd3fe
```
#ccd3fe rgb(204,211,254)
```
#dfe3ff
```
#dfe3ff rgb(223,227,255)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

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

#91939c
```
#91939c rgb(145,147,156)
```
#898da4
```
#898da4 rgb(137,141,164)
```
#8187ac
```
#8187ac rgb(129,135,172)
```
#7981b4
```
#7981b4 rgb(121,129,180)
```
#717cbc
```
#717cbc rgb(113,124,188)
```
#6976c4
```
#6976c4 rgb(105,118,196)
```
#6170cc
```
#6170cc rgb(97,112,204)
```
#596ad4
```
#596ad4 rgb(89,106,212)
```
#5164dc
```
#5164dc rgb(81,100,220)
```
#495ee4
```
#495ee4 rgb(73,94,228)
```
#4159ec
```
#4159ec rgb(65,89,236)
```
#3953f4
```
#3953f4 rgb(57,83,244)
```
#314dfc
```
#314dfc rgb(49,77,252)
```

Tone Color Variation

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

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#115fde Protanomaly 1% of men, 0.01% of women
#1163cd Deuteranomaly 6% of men, 0.4% of women
#1168ab Tritanomaly 0.01% of the population

#314dfc hex color

#314dfc Color Information

#314dfc Color Conversion

Color Schemes with #314dfc

Alternatives to #314dfc

#314dfc Preview

Shades and Tints of #314dfc

Tones of #314dfc

Color Blindness Simulator