#0786f2 Color Information
In a RGB color space, hex #0786f2 is composed of 2.7% red, 52.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 44.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 207.6 degrees, a saturation of 94.4% and a lightness of 48.8%. #0786f2 color hex could be obtained by blending #0effff with #000de5. Closest websafe color is: #0099ff.
-
- R 3
- G 53
- B 95
-
- C 97
- M 45
- Y 0
- K 5
● #0786f2 color description : Vivid blue.
#0786f2 Color Conversion
The hexadecimal color #0786f2 has RGB values of R:7, G:134, B:242 and CMYK values of C:0.97, M:0.45, Y:0, K:0.05. Its decimal value is 493298.
Hex triplet | 0786f2 | #0786f2 |
---|---|---|
RGB Decimal | 7, 134, 242 | rgb(7,134,242) |
RGB Percent | 2.7, 52.5, 94.9 | rgb(2.7%,52.5%,94.9%) |
CMYK | 97, 45, 0, 5 | |
HSL | 207.6°, 94.4, 48.8 | hsl(207.6,94.4%,48.8%) |
HSV (or HSB) | 207.6°, 97.1, 94.9 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 55.588, 10.23, -62.33 |
---|---|
XYZ | 24.636, 23.504, 87.238 |
xyY | 0.182, 0.174, 23.504 |
CIE-LCH | 55.588, 63.164, 279.32 |
CIE-LUV | 55.588, -31.508, -99.181 |
Hunter-Lab | 48.481, 5.865, -72.752 |
Binary | 00000111, 10000110, 11110010 |
Color Schemes with #0786f2
Alternatives to #0786f2
Below, you can see some colors close to #0786f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0786f2 Preview
This text has a font color of #0786f2.
<span style="color:#0786f2;">Text here</span>
This paragraph has a background color of #0786f2.
<p style="background-color:#0786f2;">Content here</p>
This element has a border color of #0786f2.
<div style="border:1px solid #0786f2;">Content here</div>
.text {color:#0786f2;}
.background {background-color:#0786f2;}
.border {border:1px solid #0786f2;}
Shades and Tints of #0786f2
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, #00070d is the darkest color, while #f9fcff is the lightest one.
-
#00070d
#00070d
rgb(0,7,13)
-
#011220
#011220
rgb(1,18,32)
-
#011c33
#011c33
rgb(1,28,51)
-
#022746
#022746
rgb(2,39,70)
-
#033259
#033259
rgb(3,50,89)
-
#033c6d
#033c6d
rgb(3,60,109)
-
#044780
#044780
rgb(4,71,128)
-
#045193
#045193
rgb(4,81,147)
-
#055ca6
#055ca6
rgb(5,92,166)
-
#0566b9
#0566b9
rgb(5,102,185)
-
#0671cc
#0671cc
rgb(6,113,204)
-
#067bdf
#067bdf
rgb(6,123,223)
-
#0786f2
#0786f2
rgb(7,134,242)
-
#1490f8
#1490f8
rgb(20,144,248)
-
#2799f9
#2799f9
rgb(39,153,249)
-
#3ba2f9
#3ba2f9
rgb(59,162,249)
-
#4eabfa
#4eabfa
rgb(78,171,250)
-
#61b4fa
#61b4fa
rgb(97,180,250)
-
#74bdfb
#74bdfb
rgb(116,189,251)
-
#87c6fc
#87c6fc
rgb(135,198,252)
-
#9acffc
#9acffc
rgb(154,207,252)
-
#add8fd
#add8fd
rgb(173,216,253)
-
#c0e1fd
#c0e1fd
rgb(192,225,253)
-
#d3eafe
#d3eafe
rgb(211,234,254)
-
#e6f3fe
#e6f3fe
rgb(230,243,254)
-
#f9fcff
#f9fcff
rgb(249,252,255)
Tones of #0786f2
A tone is produced by adding gray to any pure hue. In this case, #7a7d7f is the less saturated color, while #0786f2 is the most saturated one.
-
#7a7d7f
#7a7d7f
rgb(122,125,127)
-
#707d89
#707d89
rgb(112,125,137)
-
#677e92
#677e92
rgb(103,126,146)
-
#5d7f9c
#5d7f9c
rgb(93,127,156)
-
#5480a5
#5480a5
rgb(84,128,165)
-
#4a81af
#4a81af
rgb(74,129,175)
-
#4081b9
#4081b9
rgb(64,129,185)
-
#3782c2
#3782c2
rgb(55,130,194)
-
#2d83cc
#2d83cc
rgb(45,131,204)
-
#2484d5
#2484d5
rgb(36,132,213)
-
#1a84df
#1a84df
rgb(26,132,223)
-
#1185e8
#1185e8
rgb(17,133,232)
-
#0786f2
#0786f2
rgb(7,134,242)
Color Blindness Simulator
Below, you can see how #0786f2 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.