#316ff1 Color Information
In a RGB color space, hex #316ff1 is composed of 19.2% red, 43.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 53.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 220.6 degrees, a saturation of 87.3% and a lightness of 56.9%. #316ff1 color hex could be obtained by blending #62deff with #0000e3. Closest websafe color is: #3366ff.
-
- R 19
- G 44
- B 95
-
- C 80
- M 54
- Y 0
- K 5
● #316ff1 color description : Bright blue.
#316ff1 Color Conversion
The hexadecimal color #316ff1 has RGB values of R:49, G:111, B:241 and CMYK values of C:0.8, M:0.54, Y:0, K:0.05. Its decimal value is 3239921.
Hex triplet | 316ff1 | #316ff1 |
---|---|---|
RGB Decimal | 49, 111, 241 | rgb(49,111,241) |
RGB Percent | 19.2, 43.5, 94.5 | rgb(19.2%,43.5%,94.5%) |
CMYK | 80, 54, 0, 5 | |
HSL | 220.6°, 87.3, 56.9 | hsl(220.6,87.3%,56.9%) |
HSV (or HSB) | 220.6°, 79.7, 94.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.943, 26.548, -70.862 |
---|---|
XYZ | 22.825, 18.371, 85.557 |
xyY | 0.18, 0.145, 18.371 |
CIE-LCH | 49.943, 75.671, 290.538 |
CIE-LUV | 49.943, -21.656, -110.674 |
Hunter-Lab | 42.861, 20.049, -88.348 |
Binary | 00110001, 01101111, 11110001 |
Color Schemes with #316ff1
Alternatives to #316ff1
Below, you can see some colors close to #316ff1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#316ff1 Preview
This text has a font color of #316ff1.
<span style="color:#316ff1;">Text here</span>
This paragraph has a background color of #316ff1.
<p style="background-color:#316ff1;">Content here</p>
This element has a border color of #316ff1.
<div style="border:1px solid #316ff1;">Content here</div>
.text {color:#316ff1;}
.background {background-color:#316ff1;}
.border {border:1px solid #316ff1;}
Shades and Tints of #316ff1
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, #01050e is the darkest color, while #fbfcff is the lightest one.
-
#01050e
#01050e
rgb(1,5,14)
-
#020c21
#020c21
rgb(2,12,33)
-
#031333
#031333
rgb(3,19,51)
-
#051a46
#051a46
rgb(5,26,70)
-
#062058
#062058
rgb(6,32,88)
-
#07276a
#07276a
rgb(7,39,106)
-
#082e7d
#082e7d
rgb(8,46,125)
-
#0a358f
#0a358f
rgb(10,53,143)
-
#0b3ca1
#0b3ca1
rgb(11,60,161)
-
#0c42b4
#0c42b4
rgb(12,66,180)
-
#0d49c6
#0d49c6
rgb(13,73,198)
-
#0f50d8
#0f50d8
rgb(15,80,216)
-
#1057eb
#1057eb
rgb(16,87,235)
-
#1f62f0
#1f62f0
rgb(31,98,240)
-
#316ff1
#316ff1
rgb(49,111,241)
-
#437cf2
#437cf2
rgb(67,124,242)
-
#5689f3
#5689f3
rgb(86,137,243)
-
#6896f5
#6896f5
rgb(104,150,245)
-
#7aa2f6
#7aa2f6
rgb(122,162,246)
-
#8daff7
#8daff7
rgb(141,175,247)
-
#9fbcf8
#9fbcf8
rgb(159,188,248)
-
#b2c9fa
#b2c9fa
rgb(178,201,250)
-
#c4d6fb
#c4d6fb
rgb(196,214,251)
-
#d6e3fc
#d6e3fc
rgb(214,227,252)
-
#e9effd
#e9effd
rgb(233,239,253)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #316ff1
A tone is produced by adding gray to any pure hue. In this case, #8e9094 is the less saturated color, while #296cf9 is the most saturated one.
-
#8e9094
#8e9094
rgb(142,144,148)
-
#868d9c
#868d9c
rgb(134,141,156)
-
#7d8aa5
#7d8aa5
rgb(125,138,165)
-
#7587ad
#7587ad
rgb(117,135,173)
-
#6c84b6
#6c84b6
rgb(108,132,182)
-
#6481be
#6481be
rgb(100,129,190)
-
#5b7ec7
#5b7ec7
rgb(91,126,199)
-
#537bcf
#537bcf
rgb(83,123,207)
-
#4a78d8
#4a78d8
rgb(74,120,216)
-
#4275e0
#4275e0
rgb(66,117,224)
-
#3972e9
#3972e9
rgb(57,114,233)
-
#316ff1
#316ff1
rgb(49,111,241)
-
#296cf9
#296cf9
rgb(41,108,249)
Color Blindness Simulator
Below, you can see how #316ff1 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.