#306af7 Color Information
In a RGB color space, hex #306af7 is composed of 18.8% red, 41.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 57.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 222.5 degrees, a saturation of 92.6% and a lightness of 57.8%. #306af7 color hex could be obtained by blending #60d4ff with #0000ef. Closest websafe color is: #3366ff.
-
- R 19
- G 42
- B 97
-
- C 81
- M 57
- Y 0
- K 3
● #306af7 color description : Bright blue.
#306af7 Color Conversion
The hexadecimal color #306af7 has RGB values of R:48, G:106, B:247 and CMYK values of C:0.81, M:0.57, Y:0, K:0.03. Its decimal value is 3173111.
Hex triplet | 306af7 | #306af7 |
---|---|---|
RGB Decimal | 48, 106, 247 | rgb(48,106,247) |
RGB Percent | 18.8, 41.6, 96.9 | rgb(18.8%,41.6%,96.9%) |
CMYK | 81, 57, 0, 3 | |
HSL | 222.5°, 92.6, 57.8 | hsl(222.5,92.6%,57.8%) |
HSV (or HSB) | 222.5°, 80.6, 96.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.069, 31.82, -75.632 |
---|---|
XYZ | 23.158, 17.65, 90.177 |
xyY | 0.177, 0.135, 17.65 |
CIE-LCH | 49.069, 82.053, 292.817 |
CIE-LUV | 49.069, -20.39, -117.297 |
Hunter-Lab | 42.012, 24.872, -97.855 |
Binary | 00110000, 01101010, 11110111 |
Color Schemes with #306af7
Alternatives to #306af7
Below, you can see some colors close to #306af7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#306af7 Preview
This text has a font color of #306af7.
<span style="color:#306af7;">Text here</span>
This paragraph has a background color of #306af7.
<p style="background-color:#306af7;">Content here</p>
This element has a border color of #306af7.
<div style="border:1px solid #306af7;">Content here</div>
.text {color:#306af7;}
.background {background-color:#306af7;}
.border {border:1px solid #306af7;}
Shades and Tints of #306af7
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)
-
#021239
#021239
rgb(2,18,57)
-
#03184c
#03184c
rgb(3,24,76)
-
#041e5f
#041e5f
rgb(4,30,95)
-
#042472
#042472
rgb(4,36,114)
-
#052a85
#052a85
rgb(5,42,133)
-
#063098
#063098
rgb(6,48,152)
-
#0736ab
#0736ab
rgb(7,54,171)
-
#073cbe
#073cbe
rgb(7,60,190)
-
#0842d0
#0842d0
rgb(8,66,208)
-
#0948e3
#0948e3
rgb(9,72,227)
-
#0a4ff6
#0a4ff6
rgb(10,79,246)
-
#1d5cf6
#1d5cf6
rgb(29,92,246)
-
#306af7
#306af7
rgb(48,106,247)
-
#4378f8
#4378f8
rgb(67,120,248)
-
#5685f8
#5685f8
rgb(86,133,248)
-
#6993f9
#6993f9
rgb(105,147,249)
-
#7ca0fa
#7ca0fa
rgb(124,160,250)
-
#8eaefb
#8eaefb
rgb(142,174,251)
-
#a1bcfb
#a1bcfb
rgb(161,188,251)
-
#b4c9fc
#b4c9fc
rgb(180,201,252)
-
#c7d7fd
#c7d7fd
rgb(199,215,253)
-
#dae4fe
#dae4fe
rgb(218,228,254)
-
#edf2fe
#edf2fe
rgb(237,242,254)
Tones of #306af7
A tone is produced by adding gray to any pure hue. In this case, #939394 is the less saturated color, while #306af7 is the most saturated one.
-
#939394
#939394
rgb(147,147,148)
-
#8b909c
#8b909c
rgb(139,144,156)
-
#838ca4
#838ca4
rgb(131,140,164)
-
#7a89ad
#7a89ad
rgb(122,137,173)
-
#7286b5
#7286b5
rgb(114,134,181)
-
#6a82bd
#6a82bd
rgb(106,130,189)
-
#627fc5
#627fc5
rgb(98,127,197)
-
#597bce
#597bce
rgb(89,123,206)
-
#5178d6
#5178d6
rgb(81,120,214)
-
#4974de
#4974de
rgb(73,116,222)
-
#4171e6
#4171e6
rgb(65,113,230)
-
#386def
#386def
rgb(56,109,239)
-
#306af7
#306af7
rgb(48,106,247)
Color Blindness Simulator
Below, you can see how #306af7 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.