#0306f6 Color Information
In a RGB color space, hex #0306f6 is composed of 1.2% red, 2.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 97.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 239.3 degrees, a saturation of 97.6% and a lightness of 48.8%. #0306f6 color hex could be obtained by blending #060cff with #0000ed. Closest websafe color is: #0000ff.
-
- R 1
- G 2
- B 96
-
- C 99
- M 98
- Y 0
- K 4
● #0306f6 color description : Vivid blue.
#0306f6 Color Conversion
The hexadecimal color #0306f6 has RGB values of R:3, G:6, B:246 and CMYK values of C:0.99, M:0.98, Y:0, K:0.04. Its decimal value is 198390.
Hex triplet | 0306f6 | #0306f6 |
---|---|---|
RGB Decimal | 3, 6, 246 | rgb(3,6,246) |
RGB Percent | 1.2, 2.4, 96.5 | rgb(1.2%,2.4%,96.5%) |
CMYK | 99, 98, 0, 4 | |
HSL | 239.3°, 97.6, 48.8 | hsl(239.3,97.6%,48.8%) |
HSV (or HSB) | 239.3°, 98.8, 96.5 | |
Web Safe | 0000ff | #0000ff |
CIE-LAB | 31.352, 76.132, -104.382 |
---|---|
XYZ | 16.734, 6.802, 87.615 |
xyY | 0.151, 0.061, 6.802 |
CIE-LCH | 31.352, 129.196, 306.105 |
CIE-LUV | 31.352, -9.145, -125.498 |
Hunter-Lab | 26.081, 68.887, -180.919 |
Binary | 00000011, 00000110, 11110110 |
Color Schemes with #0306f6
Alternatives to #0306f6
Below, you can see some colors close to #0306f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0306f6 Preview
This text has a font color of #0306f6.
<span style="color:#0306f6;">Text here</span>
This paragraph has a background color of #0306f6.
<p style="background-color:#0306f6;">Content here</p>
This element has a border color of #0306f6.
<div style="border:1px solid #0306f6;">Content here</div>
.text {color:#0306f6;}
.background {background-color:#0306f6;}
.border {border:1px solid #0306f6;}
Shades and Tints of #0306f6
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, #00000d is the darkest color, while #f9f9ff is the lightest one.
-
#00000d
#00000d
rgb(0,0,13)
-
#000121
#000121
rgb(0,1,33)
-
#010134
#010134
rgb(1,1,52)
-
#010248
#010248
rgb(1,2,72)
-
#01025b
#01025b
rgb(1,2,91)
-
#01036e
#01036e
rgb(1,3,110)
-
#020382
#020382
rgb(2,3,130)
-
#020495
#020495
rgb(2,4,149)
-
#0204a8
#0204a8
rgb(2,4,168)
-
#0205bc
#0205bc
rgb(2,5,188)
-
#0305cf
#0305cf
rgb(3,5,207)
-
#0306e3
#0306e3
rgb(3,6,227)
-
#0306f6
#0306f6
rgb(3,6,246)
-
#1113fc
#1113fc
rgb(17,19,252)
-
#2427fc
#2427fc
rgb(36,39,252)
-
#373afd
#373afd
rgb(55,58,253)
-
#4b4dfd
#4b4dfd
rgb(75,77,253)
-
#5e60fd
#5e60fd
rgb(94,96,253)
-
#7173fd
#7173fd
rgb(113,115,253)
-
#8586fe
#8586fe
rgb(133,134,254)
-
#9899fe
#9899fe
rgb(152,153,254)
-
#acadfe
#acadfe
rgb(172,173,254)
-
#bfc0fe
#bfc0fe
rgb(191,192,254)
-
#d2d3fe
#d2d3fe
rgb(210,211,254)
-
#e6e6ff
#e6e6ff
rgb(230,230,255)
-
#f9f9ff
#f9f9ff
rgb(249,249,255)
Tones of #0306f6
A tone is produced by adding gray to any pure hue. In this case, #767683 is the less saturated color, while #0306f6 is the most saturated one.
-
#767683
#767683
rgb(118,118,131)
-
#6c6d8d
#6c6d8d
rgb(108,109,141)
-
#636396
#636396
rgb(99,99,150)
-
#595aa0
#595aa0
rgb(89,90,160)
-
#5051a9
#5051a9
rgb(80,81,169)
-
#4647b3
#4647b3
rgb(70,71,179)
-
#3c3ebd
#3c3ebd
rgb(60,62,189)
-
#3335c6
#3335c6
rgb(51,53,198)
-
#292bd0
#292bd0
rgb(41,43,208)
-
#2022d9
#2022d9
rgb(32,34,217)
-
#1619e3
#1619e3
rgb(22,25,227)
-
#0d0fec
#0d0fec
rgb(13,15,236)
-
#0306f6
#0306f6
rgb(3,6,246)
Color Blindness Simulator
Below, you can see how #0306f6 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.