#316cf6 Color Information
In a RGB color space, hex #316cf6 is composed of 19.2% red, 42.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 56.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 222 degrees, a saturation of 91.6% and a lightness of 57.8%. #316cf6 color hex could be obtained by blending #62d8ff with #0000ed. Closest websafe color is: #3366ff.
-
- R 19
- G 42
- B 96
-
- C 80
- M 56
- Y 0
- K 4
● #316cf6 color description : Bright blue.
#316cf6 Color Conversion
The hexadecimal color #316cf6 has RGB values of R:49, G:108, B:246 and CMYK values of C:0.8, M:0.56, Y:0, K:0.04. Its decimal value is 3239158.
Hex triplet | 316cf6 | #316cf6 |
---|---|---|
RGB Decimal | 49, 108, 246 | rgb(49,108,246) |
RGB Percent | 19.2, 42.4, 96.5 | rgb(19.2%,42.4%,96.5%) |
CMYK | 80, 56, 0, 4 | |
HSL | 222°, 91.6, 57.8 | hsl(222,91.6%,57.8%) |
HSV (or HSB) | 222°, 80.1, 96.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.533, 30.28, -74.318 |
---|---|
XYZ | 23.26, 18.03, 89.438 |
xyY | 0.178, 0.138, 18.03 |
CIE-LCH | 49.533, 80.25, 292.168 |
CIE-LUV | 49.533, -20.795, -115.656 |
Hunter-Lab | 42.462, 23.472, -95.16 |
Binary | 00110001, 01101100, 11110110 |
Color Schemes with #316cf6
Alternatives to #316cf6
Below, you can see some colors close to #316cf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#316cf6 Preview
This text has a font color of #316cf6.
<span style="color:#316cf6;">Text here</span>
This paragraph has a background color of #316cf6.
<p style="background-color:#316cf6;">Content here</p>
This element has a border color of #316cf6.
<div style="border:1px solid #316cf6;">Content here</div>
.text {color:#316cf6;}
.background {background-color:#316cf6;}
.border {border:1px solid #316cf6;}
Shades and Tints of #316cf6
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, #000001 is the darkest color, while #edf2fe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010614
#010614
rgb(1,6,20)
-
#020d26
#020d26
rgb(2,13,38)
-
#021339
#021339
rgb(2,19,57)
-
#03194c
#03194c
rgb(3,25,76)
-
#041f5f
#041f5f
rgb(4,31,95)
-
#052572
#052572
rgb(5,37,114)
-
#062c84
#062c84
rgb(6,44,132)
-
#073297
#073297
rgb(7,50,151)
-
#0738aa
#0738aa
rgb(7,56,170)
-
#083ebd
#083ebd
rgb(8,62,189)
-
#0944cf
#0944cf
rgb(9,68,207)
-
#0a4be2
#0a4be2
rgb(10,75,226)
-
#0b51f4
#0b51f4
rgb(11,81,244)
-
#1e5ff5
#1e5ff5
rgb(30,95,245)
-
#316cf6
#316cf6
rgb(49,108,246)
-
#4479f7
#4479f7
rgb(68,121,247)
-
#5787f8
#5787f8
rgb(87,135,248)
-
#6994f8
#6994f8
rgb(105,148,248)
-
#7ca2f9
#7ca2f9
rgb(124,162,249)
-
#8faffa
#8faffa
rgb(143,175,250)
-
#a2bcfb
#a2bcfb
rgb(162,188,251)
-
#b5cafc
#b5cafc
rgb(181,202,252)
-
#c7d7fd
#c7d7fd
rgb(199,215,253)
-
#dae5fd
#dae5fd
rgb(218,229,253)
-
#edf2fe
#edf2fe
rgb(237,242,254)
Tones of #316cf6
A tone is produced by adding gray to any pure hue. In this case, #8c909b is the less saturated color, while #2969fe is the most saturated one.
-
#8c909b
#8c909b
rgb(140,144,155)
-
#848da3
#848da3
rgb(132,141,163)
-
#7b8aac
#7b8aac
rgb(123,138,172)
-
#7387b4
#7387b4
rgb(115,135,180)
-
#6b83bc
#6b83bc
rgb(107,131,188)
-
#6380c4
#6380c4
rgb(99,128,196)
-
#5a7dcd
#5a7dcd
rgb(90,125,205)
-
#5279d5
#5279d5
rgb(82,121,213)
-
#4a76dd
#4a76dd
rgb(74,118,221)
-
#4273e5
#4273e5
rgb(66,115,229)
-
#396fee
#396fee
rgb(57,111,238)
-
#316cf6
#316cf6
rgb(49,108,246)
-
#2969fe
#2969fe
rgb(41,105,254)
Color Blindness Simulator
Below, you can see how #316cf6 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.