#314efa hex color

In a RGB color space, hex #314efa is composed of 19.2% red, 30.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 68.8% magenta, 0% yellow and 2% black. It has a hue angle of 231.3 degrees, a saturation of 95.3% and a lightness of 58.6%. #314efa color hex could be obtained by blending #629cff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 31
- B 98
RGB color chart
- C 80
- M 69
- Y 0
- K 2
CMYK color chart

● #314efa color description : Bright blue.

The hexadecimal color #314efa has RGB values of R:49, G:78, B:250 and CMYK values of C:0.8, M:0.69, Y:0, K:0.02. Its decimal value is 3231482.

Hex triplet	314efa	`#314efa`
RGB Decimal	49, 78, 250	`rgb(49,78,250)`
RGB Percent	19.2, 30.6, 98	`rgb(19.2%,30.6%,98%)`
CMYK	80, 69, 0, 2
HSL	231.3°, 95.3, 58.6	`hsl(231.3,95.3%,58.6%)`
HSV (or HSB)	231.3°, 80.4, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.767, 50.127, -87.637
XYZ	21.243, 13.002, 91.827
xyY	0.168, 0.103, 13.002
CIE-LCH	42.767, 100.96, 299.769
CIE-LUV	42.767, -13.927, -128.08
Hunter-Lab	36.059, 42.054, -125.747
Binary	00110001, 01001110, 11111010

#314efa
```
#314efa rgb(49,78,250)
```
#fadd31
```
#fadd31 rgb(250,221,49)
```

Complementary Color

#31b3fa
```
#31b3fa rgb(49,179,250)
```
#314efa
```
#314efa rgb(49,78,250)
```
#7931fa
```
#7931fa rgb(121,49,250)
```

Analogous Color

#b3fa31
```
#b3fa31 rgb(179,250,49)
```
#314efa
```
#314efa rgb(49,78,250)
```
#fa7931
```
#fa7931 rgb(250,121,49)
```

Split Complementary Color

#4efa31
```
#4efa31 rgb(78,250,49)
```
#314efa
```
#314efa rgb(49,78,250)
```
#fa314e
```
#fa314e rgb(250,49,78)
```

Triadic Color

#31fadd
```
#31fadd rgb(49,250,221)
```
#314efa
```
#314efa rgb(49,78,250)
```
#fa314e
```
#fa314e rgb(250,49,78)
```
#fadd31
```
#fadd31 rgb(250,221,49)
```

Tetradic Color

#0524d9
```
#0524d9 rgb(5,36,217)
```
#0628f2
```
#0628f2 rgb(6,40,242)
```
#1839f9
```
#1839f9 rgb(24,57,249)
```
#314efa
```
#314efa rgb(49,78,250)
```
#4a63fb
```
#4a63fb rgb(74,99,251)
```
#6379fb
```
#6379fb rgb(99,121,251)
```
#7c8efc
```
#7c8efc rgb(124,142,252)
```

Monochromatic Color

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

#3180fa
```
#3180fa rgb(49,128,250)
```
#3170fa
```
#3170fa rgb(49,112,250)
```
#315ffa
```
#315ffa rgb(49,95,250)
```
#314efa
```
#314efa rgb(49,78,250)
```
#313dfa
```
#313dfa rgb(49,61,250)
```
#3531fa
```
#3531fa rgb(53,49,250)
```
#4631fa
```
#4631fa rgb(70,49,250)
```

Similar Colors

Text with hexadecimal color #314efa

This text has a font color of #314efa.

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

#314efa background color

This paragraph has a background color of #314efa.

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

#314efa border color

This element has a border color of #314efa.

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

CSS codes

.text {color:#314efa;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#010418
```
#010418 rgb(1,4,24)
```
#01072b
```
#01072b rgb(1,7,43)
```
#020a3e
```
#020a3e rgb(2,10,62)
```
#020d51
```
#020d51 rgb(2,13,81)
```
#021164
```
#021164 rgb(2,17,100)
```
#031478
```
#031478 rgb(3,20,120)
```
#03178b
```
#03178b rgb(3,23,139)
```
#041a9e
```
#041a9e rgb(4,26,158)
```
#041db1
```
#041db1 rgb(4,29,177)
```
#0520c4
```
#0520c4 rgb(5,32,196)
```
#0524d7
```
#0524d7 rgb(5,36,215)
```
#0627ea
```
#0627ea rgb(6,39,234)
```

Shade Color Variation

#0b2df9
```
#0b2df9 rgb(11,45,249)
```
#1e3efa
```
#1e3efa rgb(30,62,250)
```
#314efa
```
#314efa rgb(49,78,250)
```
#445efa
```
#445efa rgb(68,94,250)
```
#576ffb
```
#576ffb rgb(87,111,251)
```
#6a7ffb
```
#6a7ffb rgb(106,127,251)
```
#7e90fc
```
#7e90fc rgb(126,144,252)
```
#91a0fc
```
#91a0fc rgb(145,160,252)
```
#a4b1fd
```
#a4b1fd rgb(164,177,253)
```
#b7c1fd
```
#b7c1fd rgb(183,193,253)
```
#cad2fe
```
#cad2fe rgb(202,210,254)
```
#dde2fe
```
#dde2fe rgb(221,226,254)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

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

#929399
```
#929399 rgb(146,147,153)
```
#8a8ea1
```
#8a8ea1 rgb(138,142,161)
```
#8288a9
```
#8288a9 rgb(130,136,169)
```
#7a82b1
```
#7a82b1 rgb(122,130,177)
```
#727cb9
```
#727cb9 rgb(114,124,185)
```
#6a76c1
```
#6a76c1 rgb(106,118,193)
```
#6271c9
```
#6271c9 rgb(98,113,201)
```
#5a6bd1
```
#5a6bd1 rgb(90,107,209)
```
#5165da
```
#5165da rgb(81,101,218)
```
#495fe2
```
#495fe2 rgb(73,95,226)
```
#415aea
```
#415aea rgb(65,90,234)
```
#3954f2
```
#3954f2 rgb(57,84,242)
```
#314efa
```
#314efa rgb(49,78,250)
```

Tone Color Variation

Below, you can see how #314efa 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
#515779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce 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
#1163cc Deuteranomaly 6% of men, 0.4% of women
#1168aa Tritanomaly 0.01% of the population

#314efa hex color

#314efa Color Information

#314efa Color Conversion

Color Schemes with #314efa

Alternatives to #314efa

#314efa Preview

Shades and Tints of #314efa

Tones of #314efa

Color Blindness Simulator