#0686f0 Color Information
In a RGB color space, hex #0686f0 is composed of 2.4% red, 52.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 44.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 207.2 degrees, a saturation of 95.1% and a lightness of 48.2%. #0686f0 color hex could be obtained by blending #0cffff with #000de1. Closest websafe color is: #0099ff.
-
- R 2
- G 53
- B 94
-
- C 98
- M 44
- Y 0
- K 6
● #0686f0 color description : Vivid blue.
#0686f0 Color Conversion
The hexadecimal color #0686f0 has RGB values of R:6, G:134, B:240 and CMYK values of C:0.98, M:0.44, Y:0, K:0.06. Its decimal value is 427760.
Hex triplet | 0686f0 | #0686f0 |
---|---|---|
RGB Decimal | 6, 134, 240 | rgb(6,134,240) |
RGB Percent | 2.4, 52.5, 94.1 | rgb(2.4%,52.5%,94.1%) |
CMYK | 98, 44, 0, 6 | |
HSL | 207.2°, 95.1, 48.2 | hsl(207.2,95.1%,48.2%) |
HSV (or HSB) | 207.2°, 97.5, 94.1 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 55.46, 9.433, -61.427 |
---|---|
XYZ | 24.325, 23.378, 85.664 |
xyY | 0.182, 0.175, 23.378 |
CIE-LCH | 55.46, 62.147, 278.731 |
CIE-LUV | 55.46, -31.638, -97.63 |
Hunter-Lab | 48.351, 5.188, -71.199 |
Binary | 00000110, 10000110, 11110000 |
Color Schemes with #0686f0
Alternatives to #0686f0
Below, you can see some colors close to #0686f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0686f0 Preview
This text has a font color of #0686f0.
<span style="color:#0686f0;">Text here</span>
This paragraph has a background color of #0686f0.
<p style="background-color:#0686f0;">Content here</p>
This element has a border color of #0686f0.
<div style="border:1px solid #0686f0;">Content here</div>
.text {color:#0686f0;}
.background {background-color:#0686f0;}
.border {border:1px solid #0686f0;}
Shades and Tints of #0686f0
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, #00060a is the darkest color, while #f6fbff is the lightest one.
-
#00060a
#00060a
rgb(0,6,10)
-
#01101d
#01101d
rgb(1,16,29)
-
#011b31
#011b31
rgb(1,27,49)
-
#022644
#022644
rgb(2,38,68)
-
#023157
#023157
rgb(2,49,87)
-
#033b6a
#033b6a
rgb(3,59,106)
-
#03467d
#03467d
rgb(3,70,125)
-
#045190
#045190
rgb(4,81,144)
-
#045ba3
#045ba3
rgb(4,91,163)
-
#0566b7
#0566b7
rgb(5,102,183)
-
#0571ca
#0571ca
rgb(5,113,202)
-
#067bdd
#067bdd
rgb(6,123,221)
-
#0686f0
#0686f0
rgb(6,134,240)
-
#1190f9
#1190f9
rgb(17,144,249)
-
#2499fa
#2499fa
rgb(36,153,250)
-
#37a2fa
#37a2fa
rgb(55,162,250)
-
#4aabfa
#4aabfa
rgb(74,171,250)
-
#5db3fb
#5db3fb
rgb(93,179,251)
-
#70bcfb
#70bcfb
rgb(112,188,251)
-
#83c5fc
#83c5fc
rgb(131,197,252)
-
#97cefc
#97cefc
rgb(151,206,252)
-
#aad7fd
#aad7fd
rgb(170,215,253)
-
#bde0fd
#bde0fd
rgb(189,224,253)
-
#d0e9fe
#d0e9fe
rgb(208,233,254)
-
#e3f2fe
#e3f2fe
rgb(227,242,254)
-
#f6fbff
#f6fbff
rgb(246,251,255)
Tones of #0686f0
A tone is produced by adding gray to any pure hue. In this case, #787b7e is the less saturated color, while #0686f0 is the most saturated one.
-
#787b7e
#787b7e
rgb(120,123,126)
-
#6e7c88
#6e7c88
rgb(110,124,136)
-
#657d91
#657d91
rgb(101,125,145)
-
#5b7e9b
#5b7e9b
rgb(91,126,155)
-
#527fa4
#527fa4
rgb(82,127,164)
-
#4880ae
#4880ae
rgb(72,128,174)
-
#3f81b7
#3f81b7
rgb(63,129,183)
-
#3582c1
#3582c1
rgb(53,130,193)
-
#2c82ca
#2c82ca
rgb(44,130,202)
-
#2283d4
#2283d4
rgb(34,131,212)
-
#1984dd
#1984dd
rgb(25,132,221)
-
#0f85e7
#0f85e7
rgb(15,133,231)
-
#0686f0
#0686f0
rgb(6,134,240)
Color Blindness Simulator
Below, you can see how #0686f0 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.