#0686dc hex color

In a RGB color space, hex #0686dc is composed of 2.4% red, 52.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 39.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 204.1 degrees, a saturation of 94.7% and a lightness of 44.3%. #0686dc color hex could be obtained by blending #0cffff with #000db9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 53
- B 86
RGB color chart
- C 97
- M 39
- Y 0
- K 14
CMYK color chart

● #0686dc color description : Vivid blue.

The hexadecimal color #0686dc has RGB values of R:6, G:134, B:220 and CMYK values of C:0.97, M:0.39, Y:0, K:0.14. Its decimal value is 427740.

Hex triplet	0686dc	`#0686dc`
RGB Decimal	6, 134, 220	`rgb(6,134,220)`
RGB Percent	2.4, 52.5, 86.3	`rgb(2.4%,52.5%,86.3%)`
CMYK	97, 39, 0, 14
HSL	204.1°, 94.7, 44.3	`hsl(204.1,94.7%,44.3%)`
HSV (or HSB)	204.1°, 97.3, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.296, 1.726, -52.125
XYZ	21.515, 22.254, 70.868
xyY	0.188, 0.194, 22.254
CIE-LCH	54.296, 52.153, 271.896
CIE-LUV	54.296, -32.684, -81.648
Hunter-Lab	47.174, -1.144, -56.046
Binary	00000110, 10000110, 11011100

#0686dc
```
#0686dc rgb(6,134,220)
```
#dc5c06
```
#dc5c06 rgb(220,92,6)
```

Complementary Color

#06dcc7
```
#06dcc7 rgb(6,220,199)
```
#0686dc
```
#0686dc rgb(6,134,220)
```
#061bdc
```
#061bdc rgb(6,27,220)
```

Analogous Color

#dcc706
```
#dcc706 rgb(220,199,6)
```
#0686dc
```
#0686dc rgb(6,134,220)
```
#dc061b
```
#dc061b rgb(220,6,27)
```

Split Complementary Color

#86dc06
```
#86dc06 rgb(134,220,6)
```
#0686dc
```
#0686dc rgb(6,134,220)
```
#dc0686
```
#dc0686 rgb(220,6,134)
```

Triadic Color

#06dc5c
```
#06dc5c rgb(6,220,92)
```
#0686dc
```
#0686dc rgb(6,134,220)
```
#dc0686
```
#dc0686 rgb(220,6,134)
```
#dc5c06
```
#dc5c06 rgb(220,92,6)
```

Tetradic Color

#045992
```
#045992 rgb(4,89,146)
```
#0568aa
```
#0568aa rgb(5,104,170)
```
#0577c3
```
#0577c3 rgb(5,119,195)
```
#0686dc
```
#0686dc rgb(6,134,220)
```
#0795f5
```
#0795f5 rgb(7,149,245)
```
#1ca0f9
```
#1ca0f9 rgb(28,160,249)
```
#35abf9
```
#35abf9 rgb(53,171,249)
```

Monochromatic Color

Below, you can see some colors close to #0686dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#06bcdc
```
#06bcdc rgb(6,188,220)
```
#06aadc
```
#06aadc rgb(6,170,220)
```
#0698dc
```
#0698dc rgb(6,152,220)
```
#0686dc
```
#0686dc rgb(6,134,220)
```
#0674dc
```
#0674dc rgb(6,116,220)
```
#0662dc
```
#0662dc rgb(6,98,220)
```
#0651dc
```
#0651dc rgb(6,81,220)
```

Similar Colors

Text with hexadecimal color #0686dc

This text has a font color of #0686dc.

<span style="color:#0686dc;">Text here</span>

#0686dc background color

This paragraph has a background color of #0686dc.

<p style="background-color:#0686dc;">Content here</p>

#0686dc border color

This element has a border color of #0686dc.

<div style="border:1px solid #0686dc;">Content here</div>

CSS codes

.text {color:#0686dc;}

.background {background-color:#0686dc;}

.border {border:1px solid #0686dc;}

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)
```
#01121d
```
#01121d rgb(1,18,29)
```
#011d30
```
#011d30 rgb(1,29,48)
```
#022943
```
#022943 rgb(2,41,67)
```
#023556
```
#023556 rgb(2,53,86)
```
#034069
```
#034069 rgb(3,64,105)
```
#034c7d
```
#034c7d rgb(3,76,125)
```
#045790
```
#045790 rgb(4,87,144)
```
#0463a3
```
#0463a3 rgb(4,99,163)
```
#056fb6
```
#056fb6 rgb(5,111,182)
```
#057ac9
```
#057ac9 rgb(5,122,201)
```
#0686dc
```
#0686dc rgb(6,134,220)
```
#0792ef
```
#0792ef rgb(7,146,239)
```

Shade Color Variation

#119bf9
```
#119bf9 rgb(17,155,249)
```
#24a3f9
```
#24a3f9 rgb(36,163,249)
```
#37abfa
```
#37abfa rgb(55,171,250)
```
#4ab3fa
```
#4ab3fa rgb(74,179,250)
```
#5dbbfb
```
#5dbbfb rgb(93,187,251)
```
#70c3fb
```
#70c3fb rgb(112,195,251)
```
#83cbfc
```
#83cbfc rgb(131,203,252)
```
#96d3fc
```
#96d3fc rgb(150,211,252)
```
#a9dbfd
```
#a9dbfd rgb(169,219,253)
```
#bde3fd
```
#bde3fd rgb(189,227,253)
```
#d0ebfe
```
#d0ebfe rgb(208,235,254)
```
#e3f3fe
```
#e3f3fe rgb(227,243,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7274 is the less saturated color, while #0686dc is the most saturated one.

#6e7274
```
#6e7274 rgb(110,114,116)
```
#66737c
```
#66737c rgb(102,115,124)
```
#5d7585
```
#5d7585 rgb(93,117,133)
```
#54778e
```
#54778e rgb(84,119,142)
```
#4c7896
```
#4c7896 rgb(76,120,150)
```
#437a9f
```
#437a9f rgb(67,122,159)
```
#3a7ca8
```
#3a7ca8 rgb(58,124,168)
```
#317db1
```
#317db1 rgb(49,125,177)
```
#297fb9
```
#297fb9 rgb(41,127,185)
```
#2081c2
```
#2081c2 rgb(32,129,194)
```
#1783cb
```
#1783cb rgb(23,131,203)
```
#0f84d3
```
#0f84d3 rgb(15,132,211)
```
#0686dc
```
#0686dc rgb(6,134,220)
```

Tone Color Variation

Below, you can see how #0686dc 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.

Monochromacy

#6a6a6a Achromatopsia 0.005% of the population
#567081 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6385d8 Protanopia 1% of men
#3d89de Deuteranopia 1% of men
#00959e Tritanopia 0.001% of the population

Trichromacy

#4185d9 Protanomaly 1% of men, 0.01% of women
#2988dd Deuteranomaly 6% of men, 0.4% of women
#0290b5 Tritanomaly 0.01% of the population

#0686dc hex color

#0686dc Color Information

#0686dc Color Conversion

Color Schemes with #0686dc

Alternatives to #0686dc

#0686dc Preview

Shades and Tints of #0686dc

Tones of #0686dc

Color Blindness Simulator