#0686cc Color Information
In a RGB color space, hex #0686cc is composed of 2.4% red, 52.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 34.3% magenta, 0% yellow and 20% black. It has a hue angle of 201.2 degrees, a saturation of 94.3% and a lightness of 41.2%. #0686cc color hex could be obtained by blending #0cffff with #000d99. Closest websafe color is: #0099cc.
-
- R 2
- G 53
- B 80
-
- C 97
- M 34
- Y 0
- K 20
● #0686cc color description : Strong blue.
#0686cc Color Conversion
The hexadecimal color #0686cc has RGB values of R:6, G:134, B:204 and CMYK values of C:0.97, M:0.34, Y:0, K:0.2. Its decimal value is 427724.
Hex triplet | 0686cc | #0686cc |
---|---|---|
RGB Decimal | 6, 134, 204 | rgb(6,134,204) |
RGB Percent | 2.4, 52.5, 80 | rgb(2.4%,52.5%,80%) |
CMYK | 97, 34, 0, 20 | |
HSL | 201.2°, 94.3, 41.2 | hsl(201.2,94.3%,41.2%) |
HSV (or HSB) | 201.2°, 97.1, 80 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 53.435, -4.41, -44.467 |
---|---|
XYZ | 19.497, 21.447, 60.235 |
xyY | 0.193, 0.212, 21.447 |
CIE-LCH | 53.435, 44.685, 264.337 |
CIE-LUV | 53.435, -33.63, -68.422 |
Hunter-Lab | 46.311, -5.896, -44.7 |
Binary | 00000110, 10000110, 11001100 |
Color Schemes with #0686cc
Alternatives to #0686cc
Below, you can see some colors close to #0686cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0686cc Preview
This text has a font color of #0686cc.
<span style="color:#0686cc;">Text here</span>
This paragraph has a background color of #0686cc.
<p style="background-color:#0686cc;">Content here</p>
This element has a border color of #0686cc.
<div style="border:1px solid #0686cc;">Content here</div>
.text {color:#0686cc;}
.background {background-color:#0686cc;}
.border {border:1px solid #0686cc;}
Shades and Tints of #0686cc
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, #00090d is the darkest color, while #f9fdff is the lightest one.
-
#00090d
#00090d
rgb(0,9,13)
-
#011521
#011521
rgb(1,21,33)
-
#022234
#022234
rgb(2,34,52)
-
#022e47
#022e47
rgb(2,46,71)
-
#033b5a
#033b5a
rgb(3,59,90)
-
#03476d
#03476d
rgb(3,71,109)
-
#045480
#045480
rgb(4,84,128)
-
#046093
#046093
rgb(4,96,147)
-
#056da6
#056da6
rgb(5,109,166)
-
#0579b9
#0579b9
rgb(5,121,185)
-
#0686cc
#0686cc
rgb(6,134,204)
-
#0793df
#0793df
rgb(7,147,223)
-
#079ff2
#079ff2
rgb(7,159,242)
-
#15a8f8
#15a8f8
rgb(21,168,248)
-
#28aff9
#28aff9
rgb(40,175,249)
-
#3bb6f9
#3bb6f9
rgb(59,182,249)
-
#4ebdfa
#4ebdfa
rgb(78,189,250)
-
#61c4fa
#61c4fa
rgb(97,196,250)
-
#74cbfb
#74cbfb
rgb(116,203,251)
-
#87d2fb
#87d2fb
rgb(135,210,251)
-
#9ad9fc
#9ad9fc
rgb(154,217,252)
-
#ade1fd
#ade1fd
rgb(173,225,253)
-
#c0e8fd
#c0e8fd
rgb(192,232,253)
-
#d3effe
#d3effe
rgb(211,239,254)
-
#e6f6fe
#e6f6fe
rgb(230,246,254)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #0686cc
A tone is produced by adding gray to any pure hue. In this case, #676a6b is the less saturated color, while #0686cc is the most saturated one.
-
#676a6b
#676a6b
rgb(103,106,107)
-
#5f6c73
#5f6c73
rgb(95,108,115)
-
#576e7b
#576e7b
rgb(87,110,123)
-
#4f7183
#4f7183
rgb(79,113,131)
-
#47738b
#47738b
rgb(71,115,139)
-
#3f7593
#3f7593
rgb(63,117,147)
-
#36789c
#36789c
rgb(54,120,156)
-
#2e7aa4
#2e7aa4
rgb(46,122,164)
-
#267dac
#267dac
rgb(38,125,172)
-
#1e7fb4
#1e7fb4
rgb(30,127,180)
-
#1681bc
#1681bc
rgb(22,129,188)
-
#0e84c4
#0e84c4
rgb(14,132,196)
-
#0686cc
#0686cc
rgb(6,134,204)
Color Blindness Simulator
Below, you can see how #0686cc 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.