#314efc hex color

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

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

● #314efc color description : Bright blue.

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

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

CIE-LAB	42.956, 50.804, -88.443
XYZ	21.558, 13.128, 93.488
xyY	0.168, 0.102, 13.128
CIE-LCH	42.956, 101.996, 299.874
CIE-LUV	42.956, -13.967, -129.291
Hunter-Lab	36.233, 42.796, -127.615
Binary	00110001, 01001110, 11111100

#314efc
```
#314efc rgb(49,78,252)
```
#fcdf31
```
#fcdf31 rgb(252,223,49)
```

Complementary Color

#31b4fc
```
#31b4fc rgb(49,180,252)
```
#314efc
```
#314efc rgb(49,78,252)
```
#7a31fc
```
#7a31fc rgb(122,49,252)
```

Analogous Color

#b4fc31
```
#b4fc31 rgb(180,252,49)
```
#314efc
```
#314efc rgb(49,78,252)
```
#fc7a31
```
#fc7a31 rgb(252,122,49)
```

Split Complementary Color

#4efc31
```
#4efc31 rgb(78,252,49)
```
#314efc
```
#314efc rgb(49,78,252)
```
#fc314e
```
#fc314e rgb(252,49,78)
```

Triadic Color

#31fcdf
```
#31fcdf rgb(49,252,223)
```
#314efc
```
#314efc rgb(49,78,252)
```
#fc314e
```
#fc314e rgb(252,49,78)
```
#fcdf31
```
#fcdf31 rgb(252,223,49)
```

Tetradic Color

#0322dd
```
#0322dd rgb(3,34,221)
```
#0426f6
```
#0426f6 rgb(4,38,246)
```
#1838fc
```
#1838fc rgb(24,56,252)
```
#314efc
```
#314efc rgb(49,78,252)
```
#4a64fc
```
#4a64fc rgb(74,100,252)
```
#6379fd
```
#6379fd rgb(99,121,253)
```
#7c8ffd
```
#7c8ffd rgb(124,143,253)
```

Monochromatic Color

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

#3181fc
```
#3181fc rgb(49,129,252)
```
#3170fc
```
#3170fc rgb(49,112,252)
```
#315ffc
```
#315ffc rgb(49,95,252)
```
#314efc
```
#314efc rgb(49,78,252)
```
#313dfc
```
#313dfc rgb(49,61,252)
```
#3631fc
```
#3631fc rgb(54,49,252)
```
#4731fc
```
#4731fc rgb(71,49,252)
```

Similar Colors

Text with hexadecimal color #314efc

This text has a font color of #314efc.

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

#314efc background color

This paragraph has a background color of #314efc.

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

#314efc border color

This element has a border color of #314efc.

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

CSS codes

.text {color:#314efc;}

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

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

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)
```
#02137b
```
#02137b rgb(2,19,123)
```
#02168e
```
#02168e rgb(2,22,142)
```
#0219a1
```
#0219a1 rgb(2,25,161)
```
#031cb5
```
#031cb5 rgb(3,28,181)
```
#031fc8
```
#031fc8 rgb(3,31,200)
```
#0322db
```
#0322db rgb(3,34,219)
```
#0325ef
```
#0325ef rgb(3,37,239)
```

Shade Color Variation

#0a2dfb
```
#0a2dfb rgb(10,45,251)
```
#1e3dfc
```
#1e3dfc rgb(30,61,252)
```
#314efc
```
#314efc rgb(49,78,252)
```
#445ffc
```
#445ffc rgb(68,95,252)
```
#586ffd
```
#586ffd rgb(88,111,253)
```
#6b80fd
```
#6b80fd rgb(107,128,253)
```
#7e90fd
```
#7e90fd rgb(126,144,253)
```
#92a1fd
```
#92a1fd rgb(146,161,253)
```
#a5b2fe
```
#a5b2fe rgb(165,178,254)
```
#b8c2fe
```
#b8c2fe rgb(184,194,254)
```
#ccd3fe
```
#ccd3fe rgb(204,211,254)
```
#dfe4ff
```
#dfe4ff rgb(223,228,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 #314efc is the most saturated one.

#91939c
```
#91939c rgb(145,147,156)
```
#898da4
```
#898da4 rgb(137,141,164)
```
#8187ac
```
#8187ac rgb(129,135,172)
```
#7982b4
```
#7982b4 rgb(121,130,180)
```
#717cbc
```
#717cbc rgb(113,124,188)
```
#6976c4
```
#6976c4 rgb(105,118,196)
```
#6170cc
```
#6170cc rgb(97,112,204)
```
#596bd4
```
#596bd4 rgb(89,107,212)
```
#5165dc
```
#5165dc rgb(81,101,220)
```
#495fe4
```
#495fe4 rgb(73,95,228)
```
#4159ec
```
#4159ec rgb(65,89,236)
```
#3954f4
```
#3954f4 rgb(57,84,244)
```
#314efc
```
#314efc rgb(49,78,252)
```

Tone Color Variation

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

#1160df Protanomaly 1% of men, 0.01% of women
#1163cd Deuteranomaly 6% of men, 0.4% of women
#1168ac Tritanomaly 0.01% of the population

#314efc hex color

#314efc Color Information

#314efc Color Conversion

Color Schemes with #314efc

Alternatives to #314efc

#314efc Preview

Shades and Tints of #314efc

Tones of #314efc

Color Blindness Simulator