#0306f3 Color Information
In a RGB color space, hex #0306f3 is composed of 1.2% red, 2.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 97.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 239.3 degrees, a saturation of 97.6% and a lightness of 48.2%. #0306f3 color hex could be obtained by blending #060cff with #0000e7. Closest websafe color is: #0000ff.
-
- R 1
- G 2
- B 95
-
- C 99
- M 98
- Y 0
- K 5
● #0306f3 color description : Vivid blue.
#0306f3 Color Conversion
The hexadecimal color #0306f3 has RGB values of R:3, G:6, B:243 and CMYK values of C:0.99, M:0.98, Y:0, K:0.05. Its decimal value is 198387.
Hex triplet | 0306f3 | #0306f3 |
---|---|---|
RGB Decimal | 3, 6, 243 | rgb(3,6,243) |
RGB Percent | 1.2, 2.4, 95.3 | rgb(1.2%,2.4%,95.3%) |
CMYK | 99, 98, 0, 5 | |
HSL | 239.3°, 97.6, 48.2 | hsl(239.3,97.6%,48.2%) |
HSV (or HSB) | 239.3°, 98.8, 95.3 | |
Web Safe | 0000ff | #0000ff |
CIE-LAB | 30.924, 75.402, -103.402 |
---|---|
XYZ | 16.277, 6.619, 85.209 |
xyY | 0.151, 0.061, 6.619 |
CIE-LCH | 30.924, 127.974, 306.1 |
CIE-LUV | 30.924, -9.02, -123.757 |
Hunter-Lab | 25.728, 67.905, -178.352 |
Binary | 00000011, 00000110, 11110011 |
Color Schemes with #0306f3
Alternatives to #0306f3
Below, you can see some colors close to #0306f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0306f3 Preview
This text has a font color of #0306f3.
<span style="color:#0306f3;">Text here</span>
This paragraph has a background color of #0306f3.
<p style="background-color:#0306f3;">Content here</p>
This element has a border color of #0306f3.
<div style="border:1px solid #0306f3;">Content here</div>
.text {color:#0306f3;}
.background {background-color:#0306f3;}
.border {border:1px solid #0306f3;}
Shades and Tints of #0306f3
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, #00000a is the darkest color, while #f6f6ff is the lightest one.
-
#00000a
#00000a
rgb(0,0,10)
-
#00011e
#00011e
rgb(0,1,30)
-
#010131
#010131
rgb(1,1,49)
-
#010245
#010245
rgb(1,2,69)
-
#010258
#010258
rgb(1,2,88)
-
#01036b
#01036b
rgb(1,3,107)
-
#02037f
#02037f
rgb(2,3,127)
-
#020492
#020492
rgb(2,4,146)
-
#0204a5
#0204a5
rgb(2,4,165)
-
#0205b9
#0205b9
rgb(2,5,185)
-
#0305cc
#0305cc
rgb(3,5,204)
-
#0306e0
#0306e0
rgb(3,6,224)
-
#0306f3
#0306f3
rgb(3,6,243)
-
#0e11fc
#0e11fc
rgb(14,17,252)
-
#2124fc
#2124fc
rgb(33,36,252)
-
#3437fc
#3437fc
rgb(52,55,252)
-
#484afd
#484afd
rgb(72,74,253)
-
#5b5dfd
#5b5dfd
rgb(91,93,253)
-
#6e70fd
#6e70fd
rgb(110,112,253)
-
#8283fd
#8283fd
rgb(130,131,253)
-
#9597fe
#9597fe
rgb(149,151,254)
-
#a9aafe
#a9aafe
rgb(169,170,254)
-
#bcbdfe
#bcbdfe
rgb(188,189,254)
-
#cfd0fe
#cfd0fe
rgb(207,208,254)
-
#e3e3ff
#e3e3ff
rgb(227,227,255)
-
#f6f6ff
#f6f6ff
rgb(246,246,255)
Tones of #0306f3
A tone is produced by adding gray to any pure hue. In this case, #757581 is the less saturated color, while #0306f3 is the most saturated one.
-
#757581
#757581
rgb(117,117,129)
-
#6b6b8b
#6b6b8b
rgb(107,107,139)
-
#626294
#626294
rgb(98,98,148)
-
#58599e
#58599e
rgb(88,89,158)
-
#4f50a7
#4f50a7
rgb(79,80,167)
-
#4547b1
#4547b1
rgb(69,71,177)
-
#3c3dba
#3c3dba
rgb(60,61,186)
-
#3234c4
#3234c4
rgb(50,52,196)
-
#292bcd
#292bcd
rgb(41,43,205)
-
#1f22d7
#1f22d7
rgb(31,34,215)
-
#1618e0
#1618e0
rgb(22,24,224)
-
#0c0fea
#0c0fea
rgb(12,15,234)
-
#0306f3
#0306f3
rgb(3,6,243)
Color Blindness Simulator
Below, you can see how #0306f3 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.