#0686d3 Color Information
In a RGB color space, hex #0686d3 is composed of 2.4% red, 52.5% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 36.5% magenta, 0% yellow and 17.3% black. It has a hue angle of 202.5 degrees, a saturation of 94.5% and a lightness of 42.5%. #0686d3 color hex could be obtained by blending #0cffff with #000da7. Closest websafe color is: #0099cc.
-
- R 2
- G 53
- B 83
-
- C 97
- M 36
- Y 0
- K 17
● #0686d3 color description : Strong blue.
#0686d3 Color Conversion
The hexadecimal color #0686d3 has RGB values of R:6, G:134, B:211 and CMYK values of C:0.97, M:0.36, Y:0, K:0.17. Its decimal value is 427731.
Hex triplet | 0686d3 | #0686d3 |
---|---|---|
RGB Decimal | 6, 134, 211 | rgb(6,134,211) |
RGB Percent | 2.4, 52.5, 82.7 | rgb(2.4%,52.5%,82.7%) |
CMYK | 97, 36, 0, 17 | |
HSL | 202.5°, 94.5, 42.5 | hsl(202.5,94.5%,42.5%) |
HSV (or HSB) | 202.5°, 97.2, 82.7 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 53.804, -1.732, -47.841 |
---|---|
XYZ | 20.355, 21.79, 64.758 |
xyY | 0.19, 0.204, 21.79 |
CIE-LCH | 53.804, 47.873, 267.926 |
CIE-LUV | 53.804, -33.204, -74.253 |
Hunter-Lab | 46.68, -3.853, -49.575 |
Binary | 00000110, 10000110, 11010011 |
Color Schemes with #0686d3
Alternatives to #0686d3
Below, you can see some colors close to #0686d3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0686d3 Preview
This text has a font color of #0686d3.
<span style="color:#0686d3;">Text here</span>
This paragraph has a background color of #0686d3.
<p style="background-color:#0686d3;">Content here</p>
This element has a border color of #0686d3.
<div style="border:1px solid #0686d3;">Content here</div>
.text {color:#0686d3;}
.background {background-color:#0686d3;}
.border {border:1px solid #0686d3;}
Shades and Tints of #0686d3
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, #000101 is the darkest color, while #edf8fe is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#010d14
#010d14
rgb(1,13,20)
-
#011927
#011927
rgb(1,25,39)
-
#02253a
#02253a
rgb(2,37,58)
-
#02314d
#02314d
rgb(2,49,77)
-
#033d61
#033d61
rgb(3,61,97)
-
#034974
#034974
rgb(3,73,116)
-
#045687
#045687
rgb(4,86,135)
-
#04629a
#04629a
rgb(4,98,154)
-
#056ead
#056ead
rgb(5,110,173)
-
#057ac0
#057ac0
rgb(5,122,192)
-
#0686d3
#0686d3
rgb(6,134,211)
-
#0792e6
#0792e6
rgb(7,146,230)
-
#089ef8
#089ef8
rgb(8,158,248)
-
#1ba5f9
#1ba5f9
rgb(27,165,249)
-
#2eadf9
#2eadf9
rgb(46,173,249)
-
#41b4fa
#41b4fa
rgb(65,180,250)
-
#55bcfa
#55bcfa
rgb(85,188,250)
-
#68c3fb
#68c3fb
rgb(104,195,251)
-
#7bcbfb
#7bcbfb
rgb(123,203,251)
-
#8ed2fc
#8ed2fc
rgb(142,210,252)
-
#a1dafc
#a1dafc
rgb(161,218,252)
-
#b4e1fd
#b4e1fd
rgb(180,225,253)
-
#c7e9fd
#c7e9fd
rgb(199,233,253)
-
#daf0fe
#daf0fe
rgb(218,240,254)
-
#edf8fe
#edf8fe
rgb(237,248,254)
Tones of #0686d3
A tone is produced by adding gray to any pure hue. In this case, #6a6d6f is the less saturated color, while #0686d3 is the most saturated one.
-
#6a6d6f
#6a6d6f
rgb(106,109,111)
-
#626f77
#626f77
rgb(98,111,119)
-
#597180
#597180
rgb(89,113,128)
-
#517388
#517388
rgb(81,115,136)
-
#497590
#497590
rgb(73,117,144)
-
#407799
#407799
rgb(64,119,153)
-
#387aa1
#387aa1
rgb(56,122,161)
-
#307ca9
#307ca9
rgb(48,124,169)
-
#277eb2
#277eb2
rgb(39,126,178)
-
#1f80ba
#1f80ba
rgb(31,128,186)
-
#1782c2
#1782c2
rgb(23,130,194)
-
#0e84cb
#0e84cb
rgb(14,132,203)
-
#0686d3
#0686d3
rgb(6,134,211)
Color Blindness Simulator
Below, you can see how #0686d3 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.