#306bf7 Color Information
In a RGB color space, hex #306bf7 is composed of 18.8% red, 42% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 56.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 222.2 degrees, a saturation of 92.6% and a lightness of 57.8%. #306bf7 color hex could be obtained by blending #60d6ff with #0000ef. Closest websafe color is: #3366ff.
-
- R 19
- G 42
- B 97
-
- C 81
- M 57
- Y 0
- K 3
● #306bf7 color description : Bright blue.
#306bf7 Color Conversion
The hexadecimal color #306bf7 has RGB values of R:48, G:107, B:247 and CMYK values of C:0.81, M:0.57, Y:0, K:0.03. Its decimal value is 3173367.
Hex triplet | 306bf7 | #306bf7 |
---|---|---|
RGB Decimal | 48, 107, 247 | rgb(48,107,247) |
RGB Percent | 18.8, 42, 96.9 | rgb(18.8%,42%,96.9%) |
CMYK | 81, 57, 0, 3 | |
HSL | 222.2°, 92.6, 57.8 | hsl(222.2,92.6%,57.8%) |
HSV (or HSB) | 222.2°, 80.6, 96.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.323, 31.191, -75.219 |
---|---|
XYZ | 23.262, 17.857, 90.211 |
xyY | 0.177, 0.136, 17.857 |
CIE-LCH | 49.323, 81.429, 292.522 |
CIE-LUV | 49.323, -20.65, -116.851 |
Hunter-Lab | 42.258, 24.306, -96.99 |
Binary | 00110000, 01101011, 11110111 |
Color Schemes with #306bf7
Alternatives to #306bf7
Below, you can see some colors close to #306bf7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306bf7 Preview
This text has a font color of #306bf7.
<span style="color:#306bf7;">Text here</span>
This paragraph has a background color of #306bf7.
<p style="background-color:#306bf7;">Content here</p>
This element has a border color of #306bf7.
<div style="border:1px solid #306bf7;">Content here</div>
.text {color:#306bf7;}
.background {background-color:#306bf7;}
.border {border:1px solid #306bf7;}
Shades and Tints of #306bf7
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)
-
#010c27
#010c27
rgb(1,12,39)
-
#021339
#021339
rgb(2,19,57)
-
#03194c
#03194c
rgb(3,25,76)
-
#041f5f
#041f5f
rgb(4,31,95)
-
#042572
#042572
rgb(4,37,114)
-
#052b85
#052b85
rgb(5,43,133)
-
#063198
#063198
rgb(6,49,152)
-
#0737ab
#0737ab
rgb(7,55,171)
-
#073dbe
#073dbe
rgb(7,61,190)
-
#0843d0
#0843d0
rgb(8,67,208)
-
#094ae3
#094ae3
rgb(9,74,227)
-
#0a50f6
#0a50f6
rgb(10,80,246)
-
#1d5df6
#1d5df6
rgb(29,93,246)
-
#306bf7
#306bf7
rgb(48,107,247)
-
#4379f8
#4379f8
rgb(67,121,248)
-
#5686f8
#5686f8
rgb(86,134,248)
-
#6994f9
#6994f9
rgb(105,148,249)
-
#7ca1fa
#7ca1fa
rgb(124,161,250)
-
#8eaffb
#8eaffb
rgb(142,175,251)
-
#a1bcfb
#a1bcfb
rgb(161,188,251)
-
#b4cafc
#b4cafc
rgb(180,202,252)
-
#c7d7fd
#c7d7fd
rgb(199,215,253)
-
#dae5fe
#dae5fe
rgb(218,229,254)
-
#edf2fe
#edf2fe
rgb(237,242,254)
Tones of #306bf7
A tone is produced by adding gray to any pure hue. In this case, #939394 is the less saturated color, while #306bf7 is the most saturated one.
-
#939394
#939394
rgb(147,147,148)
-
#8b909c
#8b909c
rgb(139,144,156)
-
#838da4
#838da4
rgb(131,141,164)
-
#7a89ad
#7a89ad
rgb(122,137,173)
-
#7286b5
#7286b5
rgb(114,134,181)
-
#6a83bd
#6a83bd
rgb(106,131,189)
-
#627fc5
#627fc5
rgb(98,127,197)
-
#597cce
#597cce
rgb(89,124,206)
-
#5178d6
#5178d6
rgb(81,120,214)
-
#4975de
#4975de
rgb(73,117,222)
-
#4172e6
#4172e6
rgb(65,114,230)
-
#386eef
#386eef
rgb(56,110,239)
-
#306bf7
#306bf7
rgb(48,107,247)
Color Blindness Simulator
Below, you can see how #306bf7 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.