#0366f2 Color Information
In a RGB color space, hex #0366f2 is composed of 1.2% red, 40% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 57.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 215.1 degrees, a saturation of 97.6% and a lightness of 48%. #0366f2 color hex could be obtained by blending #06ccff with #0000e5. Closest websafe color is: #0066ff.
-
- R 1
- G 40
- B 95
-
- C 99
- M 58
- Y 0
- K 5
● #0366f2 color description : Vivid blue.
#0366f2 Color Conversion
The hexadecimal color #0366f2 has RGB values of R:3, G:102, B:242 and CMYK values of C:0.99, M:0.58, Y:0, K:0.05. Its decimal value is 222962.
Hex triplet | 0366f2 | #0366f2 |
---|---|---|
RGB Decimal | 3, 102, 242 | rgb(3,102,242) |
RGB Percent | 1.2, 40, 94.9 | rgb(1.2%,40%,94.9%) |
CMYK | 99, 58, 0, 5 | |
HSL | 215.1°, 97.6, 48 | hsl(215.1,97.6%,48%) |
HSV (or HSB) | 215.1°, 98.8, 94.9 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 46.884, 30.317, -76.437 |
---|---|
XYZ | 20.812, 15.931, 85.978 |
xyY | 0.17, 0.13, 15.931 |
CIE-LCH | 46.884, 82.23, 291.635 |
CIE-LUV | 46.884, -22.573, -116.649 |
Hunter-Lab | 39.914, 23.227, -99.776 |
Binary | 00000011, 01100110, 11110010 |
Color Schemes with #0366f2
Alternatives to #0366f2
Below, you can see some colors close to #0366f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0366f2 Preview
This text has a font color of #0366f2.
<span style="color:#0366f2;">Text here</span>
This paragraph has a background color of #0366f2.
<p style="background-color:#0366f2;">Content here</p>
This element has a border color of #0366f2.
<div style="border:1px solid #0366f2;">Content here</div>
.text {color:#0366f2;}
.background {background-color:#0366f2;}
.border {border:1px solid #0366f2;}
Shades and Tints of #0366f2
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, #000409 is the darkest color, while #f5f9ff is the lightest one.
-
#000409
#000409
rgb(0,4,9)
-
#000c1d
#000c1d
rgb(0,12,29)
-
#011430
#011430
rgb(1,20,48)
-
#011d44
#011d44
rgb(1,29,68)
-
#012557
#012557
rgb(1,37,87)
-
#012d6a
#012d6a
rgb(1,45,106)
-
#02357e
#02357e
rgb(2,53,126)
-
#023d91
#023d91
rgb(2,61,145)
-
#0245a4
#0245a4
rgb(2,69,164)
-
#024eb8
#024eb8
rgb(2,78,184)
-
#0356cb
#0356cb
rgb(3,86,203)
-
#035edf
#035edf
rgb(3,94,223)
-
#0366f2
#0366f2
rgb(3,102,242)
-
#0d70fc
#0d70fc
rgb(13,112,252)
-
#207bfc
#207bfc
rgb(32,123,252)
-
#3387fc
#3387fc
rgb(51,135,252)
-
#4792fd
#4792fd
rgb(71,146,253)
-
#5a9efd
#5a9efd
rgb(90,158,253)
-
#6da9fd
#6da9fd
rgb(109,169,253)
-
#81b4fd
#81b4fd
rgb(129,180,253)
-
#94c0fe
#94c0fe
rgb(148,192,254)
-
#a8cbfe
#a8cbfe
rgb(168,203,254)
-
#bbd7fe
#bbd7fe
rgb(187,215,254)
-
#cee2fe
#cee2fe
rgb(206,226,254)
-
#e2eeff
#e2eeff
rgb(226,238,255)
-
#f5f9ff
#f5f9ff
rgb(245,249,255)
Tones of #0366f2
A tone is produced by adding gray to any pure hue. In this case, #747981 is the less saturated color, while #0366f2 is the most saturated one.
-
#747981
#747981
rgb(116,121,129)
-
#6b788a
#6b788a
rgb(107,120,138)
-
#617694
#617694
rgb(97,118,148)
-
#58759d
#58759d
rgb(88,117,157)
-
#4e73a7
#4e73a7
rgb(78,115,167)
-
#4571b0
#4571b0
rgb(69,113,176)
-
#3c70b9
#3c70b9
rgb(60,112,185)
-
#326ec3
#326ec3
rgb(50,110,195)
-
#296ccc
#296ccc
rgb(41,108,204)
-
#1f6bd6
#1f6bd6
rgb(31,107,214)
-
#1669df
#1669df
rgb(22,105,223)
-
#0c68e9
#0c68e9
rgb(12,104,233)
-
#0366f2
#0366f2
rgb(3,102,242)
Color Blindness Simulator
Below, you can see how #0366f2 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.