#0366f5 Color Information
In a RGB color space, hex #0366f5 is composed of 1.2% red, 40% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 58.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 215.5 degrees, a saturation of 97.6% and a lightness of 48.6%. #0366f5 color hex could be obtained by blending #06ccff with #0000eb. Closest websafe color is: #0066ff.
-
- R 1
- G 40
- B 96
-
- C 99
- M 58
- Y 0
- K 4
● #0366f5 color description : Vivid blue.
#0366f5 Color Conversion
The hexadecimal color #0366f5 has RGB values of R:3, G:102, B:245 and CMYK values of C:0.99, M:0.58, Y:0, K:0.04. Its decimal value is 222965.
Hex triplet | 0366f5 | #0366f5 |
---|---|---|
RGB Decimal | 3, 102, 245 | rgb(3,102,245) |
RGB Percent | 1.2, 40, 96.1 | rgb(1.2%,40%,96.1%) |
CMYK | 99, 58, 0, 4 | |
HSL | 215.5°, 97.6, 48.6 | hsl(215.5,97.6%,48.6%) |
HSV (or HSB) | 215.5°, 98.8, 96.1 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 47.122, 31.468, -77.726 |
---|---|
XYZ | 21.267, 16.113, 88.37 |
xyY | 0.169, 0.128, 16.113 |
CIE-LCH | 47.122, 83.854, 292.041 |
CIE-LUV | 47.122, -22.512, -118.672 |
Hunter-Lab | 40.141, 24.324, -102.429 |
Binary | 00000011, 01100110, 11110101 |
Color Schemes with #0366f5
Alternatives to #0366f5
Below, you can see some colors close to #0366f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0366f5 Preview
This text has a font color of #0366f5.
<span style="color:#0366f5;">Text here</span>
This paragraph has a background color of #0366f5.
<p style="background-color:#0366f5;">Content here</p>
This element has a border color of #0366f5.
<div style="border:1px solid #0366f5;">Content here</div>
.text {color:#0366f5;}
.background {background-color:#0366f5;}
.border {border:1px solid #0366f5;}
Shades and Tints of #0366f5
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, #00050c is the darkest color, while #f8fbff is the lightest one.
-
#00050c
#00050c
rgb(0,5,12)
-
#000d20
#000d20
rgb(0,13,32)
-
#011533
#011533
rgb(1,21,51)
-
#011d47
#011d47
rgb(1,29,71)
-
#01255a
#01255a
rgb(1,37,90)
-
#012e6d
#012e6d
rgb(1,46,109)
-
#023681
#023681
rgb(2,54,129)
-
#023e94
#023e94
rgb(2,62,148)
-
#0246a7
#0246a7
rgb(2,70,167)
-
#024ebb
#024ebb
rgb(2,78,187)
-
#0356ce
#0356ce
rgb(3,86,206)
-
#035ee2
#035ee2
rgb(3,94,226)
-
#0366f5
#0366f5
rgb(3,102,245)
-
#1070fc
#1070fc
rgb(16,112,252)
-
#237cfc
#237cfc
rgb(35,124,252)
-
#3687fd
#3687fd
rgb(54,135,253)
-
#4a93fd
#4a93fd
rgb(74,147,253)
-
#5d9efd
#5d9efd
rgb(93,158,253)
-
#70aafd
#70aafd
rgb(112,170,253)
-
#84b6fd
#84b6fd
rgb(132,182,253)
-
#97c1fe
#97c1fe
rgb(151,193,254)
-
#abcdfe
#abcdfe
rgb(171,205,254)
-
#bed8fe
#bed8fe
rgb(190,216,254)
-
#d1e4fe
#d1e4fe
rgb(209,228,254)
-
#e5efff
#e5efff
rgb(229,239,255)
-
#f8fbff
#f8fbff
rgb(248,251,255)
Tones of #0366f5
A tone is produced by adding gray to any pure hue. In this case, #757b83 is the less saturated color, while #0366f5 is the most saturated one.
-
#757b83
#757b83
rgb(117,123,131)
-
#6c798c
#6c798c
rgb(108,121,140)
-
#627796
#627796
rgb(98,119,150)
-
#59769f
#59769f
rgb(89,118,159)
-
#4f74a9
#4f74a9
rgb(79,116,169)
-
#4672b2
#4672b2
rgb(70,114,178)
-
#3c70bc
#3c70bc
rgb(60,112,188)
-
#336fc5
#336fc5
rgb(51,111,197)
-
#296dcf
#296dcf
rgb(41,109,207)
-
#206bd8
#206bd8
rgb(32,107,216)
-
#1669e2
#1669e2
rgb(22,105,226)
-
#0d68eb
#0d68eb
rgb(13,104,235)
-
#0366f5
#0366f5
rgb(3,102,245)
Color Blindness Simulator
Below, you can see how #0366f5 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.