#316efe hex color

In a RGB color space, hex #316efe is composed of 19.2% red, 43.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 56.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 222.1 degrees, a saturation of 99% and a lightness of 59.4%. #316efe color hex could be obtained by blending #62dcff with #0000fd. Closest websafe color is: #3366ff.

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

● #316efe color description : Bright blue.

The hexadecimal color #316efe has RGB values of R:49, G:110, B:254 and CMYK values of C:0.81, M:0.57, Y:0, K:0. Its decimal value is 3239678.

Hex triplet	316efe	`#316efe`
RGB Decimal	49, 110, 254	`rgb(49,110,254)`
RGB Percent	19.2, 43.1, 99.6	`rgb(19.2%,43.1%,99.6%)`
CMYK	81, 57, 0, 0
HSL	222.1°, 99, 59.4	`hsl(222.1,99%,59.4%)`
HSV (or HSB)	222.1°, 80.7, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.639, 31.957, -76.962
XYZ	24.728, 18.959, 96.117
xyY	0.177, 0.136, 18.959
CIE-LCH	50.639, 83.333, 292.55
CIE-LUV	50.639, -21.253, -120.303
Hunter-Lab	43.542, 25.176, -100.402
Binary	00110001, 01101110, 11111110

#316efe
```
#316efe rgb(49,110,254)
```
#fec131
```
#fec131 rgb(254,193,49)
```

Complementary Color

#31d5fe
```
#31d5fe rgb(49,213,254)
```
#316efe
```
#316efe rgb(49,110,254)
```
#5b31fe
```
#5b31fe rgb(91,49,254)
```

Analogous Color

#d5fe31
```
#d5fe31 rgb(213,254,49)
```
#316efe
```
#316efe rgb(49,110,254)
```
#fe5b31
```
#fe5b31 rgb(254,91,49)
```

Split Complementary Color

#6efe31
```
#6efe31 rgb(110,254,49)
```
#316efe
```
#316efe rgb(49,110,254)
```
#fe316e
```
#fe316e rgb(254,49,110)
```

Triadic Color

#31fec1
```
#31fec1 rgb(49,254,193)
```
#316efe
```
#316efe rgb(49,110,254)
```
#fe316e
```
#fe316e rgb(254,49,110)
```
#fec131
```
#fec131 rgb(254,193,49)
```

Tetradic Color

#0144e1
```
#0144e1 rgb(1,68,225)
```
#014bfb
```
#014bfb rgb(1,75,251)
```
#185cfe
```
#185cfe rgb(24,92,254)
```
#316efe
```
#316efe rgb(49,110,254)
```
#4a80fe
```
#4a80fe rgb(74,128,254)
```
#6492fe
```
#6492fe rgb(100,146,254)
```
#7da4fe
```
#7da4fe rgb(125,164,254)
```

Monochromatic Color

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

#31a1fe
```
#31a1fe rgb(49,161,254)
```
#3190fe
```
#3190fe rgb(49,144,254)
```
#317ffe
```
#317ffe rgb(49,127,254)
```
#316efe
```
#316efe rgb(49,110,254)
```
#315dfe
```
#315dfe rgb(49,93,254)
```
#314cfe
```
#314cfe rgb(49,76,254)
```
#313bfe
```
#313bfe rgb(49,59,254)
```

Similar Colors

Text with hexadecimal color #316efe

This text has a font color of #316efe.

<span style="color:#316efe;">Text here</span>

#316efe background color

This paragraph has a background color of #316efe.

<p style="background-color:#316efe;">Content here</p>

#316efe border color

This element has a border color of #316efe.

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

CSS codes

.text {color:#316efe;}

.background {background-color:#316efe;}

.border {border:1px solid #316efe;}

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

#000309
```
#000309 rgb(0,3,9)
```
#00091c
```
#00091c rgb(0,9,28)
```
#000e30
```
#000e30 rgb(0,14,48)
```
#001443
```
#001443 rgb(0,20,67)
```
#001a57
```
#001a57 rgb(0,26,87)
```
#01206a
```
#01206a rgb(1,32,106)
```
#01267e
```
#01267e rgb(1,38,126)
```
#012c91
```
#012c91 rgb(1,44,145)
```
#0132a5
```
#0132a5 rgb(1,50,165)
```
#0138b8
```
#0138b8 rgb(1,56,184)
```
#013dcc
```
#013dcc rgb(1,61,204)
```
#0143df
```
#0143df rgb(1,67,223)
```
#0149f3
```
#0149f3 rgb(1,73,243)
```

Shade Color Variation

#0a53fe
```
#0a53fe rgb(10,83,254)
```
#1d60fe
```
#1d60fe rgb(29,96,254)
```
#316efe
```
#316efe rgb(49,110,254)
```
#457cfe
```
#457cfe rgb(69,124,254)
```
#5889fe
```
#5889fe rgb(88,137,254)
```
#6c97fe
```
#6c97fe rgb(108,151,254)
```
#7fa5fe
```
#7fa5fe rgb(127,165,254)
```
#93b3fe
```
#93b3fe rgb(147,179,254)
```
#a6c0ff
```
#a6c0ff rgb(166,192,255)
```
#baceff
```
#baceff rgb(186,206,255)
```
#cddcff
```
#cddcff rgb(205,220,255)
```
#e1eaff
```
#e1eaff rgb(225,234,255)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

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

#91959e
```
#91959e rgb(145,149,158)
```
#8991a6
```
#8991a6 rgb(137,145,166)
```
#818eae
```
#818eae rgb(129,142,174)
```
#798bb6
```
#798bb6 rgb(121,139,182)
```
#7188be
```
#7188be rgb(113,136,190)
```
#6985c6
```
#6985c6 rgb(105,133,198)
```
#6181ce
```
#6181ce rgb(97,129,206)
```
#597ed6
```
#597ed6 rgb(89,126,214)
```
#517bde
```
#517bde rgb(81,123,222)
```
#4978e6
```
#4978e6 rgb(73,120,230)
```
#4174ee
```
#4174ee rgb(65,116,238)
```
#3971f6
```
#3971f6 rgb(57,113,246)
```
#316efe
```
#316efe rgb(49,110,254)
```

Tone Color Variation

Below, you can see how #316efe 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

#6c6c6c Achromatopsia 0.005% of the population
#606c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d3 Deuteranopia 1% of men
#008c93 Tritanopia 0.001% of the population

Trichromacy

#1176f6 Protanomaly 1% of men, 0.01% of women
#117be2 Deuteranomaly 6% of men, 0.4% of women
#1181ba Tritanomaly 0.01% of the population

#316efe hex color

#316efe Color Information

#316efe Color Conversion

Color Schemes with #316efe

Alternatives to #316efe

#316efe Preview

Shades and Tints of #316efe

Tones of #316efe

Color Blindness Simulator