#0686ad hex color

In a RGB color space, hex #0686ad is composed of 2.4% red, 52.5% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 96.5% cyan, 22.5% magenta, 0% yellow and 32.2% black. It has a hue angle of 194 degrees, a saturation of 93.3% and a lightness of 35.1%. #0686ad color hex could be obtained by blending #0cffff with #000d5b. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 53
- B 68
RGB color chart
- C 97
- M 23
- Y 0
- K 32
CMYK color chart

● #0686ad color description : Dark cyan.

The hexadecimal color #0686ad has RGB values of R:6, G:134, B:173 and CMYK values of C:0.97, M:0.23, Y:0, K:0.32. Its decimal value is 427693.

Hex triplet	0686ad	`#0686ad`
RGB Decimal	6, 134, 173	`rgb(6,134,173)`
RGB Percent	2.4, 52.5, 67.8	`rgb(2.4%,52.5%,67.8%)`
CMYK	97, 23, 0, 32
HSL	194°, 93.3, 35.1	`hsl(194,93.3%,35.1%)`
HSV (or HSB)	194°, 96.5, 67.8
Web Safe	009999	`#009999`

CIE-LAB	51.955, -16.024, -29.072
XYZ	16.141, 20.104, 42.563
xyY	0.205, 0.255, 20.104
CIE-LCH	51.955, 33.195, 241.137
CIE-LUV	51.955, -35.717, -41.937
Hunter-Lab	44.838, -14.209, -24.895
Binary	00000110, 10000110, 10101101

#0686ad
```
#0686ad rgb(6,134,173)
```
#ad2d06
```
#ad2d06 rgb(173,45,6)
```

Complementary Color

#06ad81
```
#06ad81 rgb(6,173,129)
```
#0686ad
```
#0686ad rgb(6,134,173)
```
#0633ad
```
#0633ad rgb(6,51,173)
```

Analogous Color

#ad8106
```
#ad8106 rgb(173,129,6)
```
#0686ad
```
#0686ad rgb(6,134,173)
```
#ad0632
```
#ad0632 rgb(173,6,50)
```

Split Complementary Color

#86ad06
```
#86ad06 rgb(134,173,6)
```
#0686ad
```
#0686ad rgb(6,134,173)
```
#ad0686
```
#ad0686 rgb(173,6,134)
```

Triadic Color

#06ad2d
```
#06ad2d rgb(6,173,45)
```
#0686ad
```
#0686ad rgb(6,134,173)
```
#ad0686
```
#ad0686 rgb(173,6,134)
```
#ad2d06
```
#ad2d06 rgb(173,45,6)
```

Tetradic Color

#034d63
```
#034d63 rgb(3,77,99)
```
#04607c
```
#04607c rgb(4,96,124)
```
#057394
```
#057394 rgb(5,115,148)
```
#0686ad
```
#0686ad rgb(6,134,173)
```
#0799c6
```
#0799c6 rgb(7,153,198)
```
#08acde
```
#08acde rgb(8,172,222)
```
#09bff6
```
#09bff6 rgb(9,191,246)
```

Monochromatic Color

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

#06adaa
```
#06adaa rgb(6,173,170)
```
#06a2ad
```
#06a2ad rgb(6,162,173)
```
#0694ad
```
#0694ad rgb(6,148,173)
```
#0686ad
```
#0686ad rgb(6,134,173)
```
#0678ad
```
#0678ad rgb(6,120,173)
```
#066aad
```
#066aad rgb(6,106,173)
```
#065cad
```
#065cad rgb(6,92,173)
```

Similar Colors

Text with hexadecimal color #0686ad

This text has a font color of #0686ad.

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

#0686ad background color

This paragraph has a background color of #0686ad.

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

#0686ad border color

This element has a border color of #0686ad.

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

CSS codes

.text {color:#0686ad;}

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

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

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, #000202 is the darkest color, while #eefbfe is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#011115
```
#011115 rgb(1,17,21)
```
#011f28
```
#011f28 rgb(1,31,40)
```
#022e3b
```
#022e3b rgb(2,46,59)
```
#033d4e
```
#033d4e rgb(3,61,78)
```
#034b61
```
#034b61 rgb(3,75,97)
```
#045a74
```
#045a74 rgb(4,90,116)
```
#056987
```
#056987 rgb(5,105,135)
```
#05779a
```
#05779a rgb(5,119,154)
```
#0686ad
```
#0686ad rgb(6,134,173)
```
#0795c0
```
#0795c0 rgb(7,149,192)
```
#07a3d3
```
#07a3d3 rgb(7,163,211)
```
#08b2e6
```
#08b2e6 rgb(8,178,230)
```

Shade Color Variation

#0bc0f7
```
#0bc0f7 rgb(11,192,247)
```
#1ec4f7
```
#1ec4f7 rgb(30,196,247)
```
#31c9f8
```
#31c9f8 rgb(49,201,248)
```
#44cef9
```
#44cef9 rgb(68,206,249)
```
#57d3f9
```
#57d3f9 rgb(87,211,249)
```
#6ad8fa
```
#6ad8fa rgb(106,216,250)
```
#7dddfa
```
#7dddfa rgb(125,221,250)
```
#90e2fb
```
#90e2fb rgb(144,226,251)
```
#a3e7fc
```
#a3e7fc rgb(163,231,252)
```
#b6ecfc
```
#b6ecfc rgb(182,236,252)
```
#c9f1fd
```
#c9f1fd rgb(201,241,253)
```
#dbf6fe
```
#dbf6fe rgb(219,246,254)
```
#eefbfe
```
#eefbfe rgb(238,251,254)
```

Tint Color Variation

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

#595a5a
```
#595a5a rgb(89,90,90)
```
#525e61
```
#525e61 rgb(82,94,97)
```
#4b6168
```
#4b6168 rgb(75,97,104)
```
#44656f
```
#44656f rgb(68,101,111)
```
#3d6976
```
#3d6976 rgb(61,105,118)
```
#366c7d
```
#366c7d rgb(54,108,125)
```
#2f7084
```
#2f7084 rgb(47,112,132)
```
#28748b
```
#28748b rgb(40,116,139)
```
#227791
```
#227791 rgb(34,119,145)
```
#1b7b98
```
#1b7b98 rgb(27,123,152)
```
#147f9f
```
#147f9f rgb(20,127,159)
```
#0d82a6
```
#0d82a6 rgb(13,130,166)
```
#0686ad
```
#0686ad rgb(6,134,173)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#516b73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7681a9 Protanopia 1% of men
#6d81b5 Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#4d82aa Protanomaly 1% of men, 0.01% of women
#4783b2 Deuteranomaly 6% of men, 0.4% of women
#028ca0 Tritanomaly 0.01% of the population

#0686ad hex color

#0686ad Color Information

#0686ad Color Conversion

Color Schemes with #0686ad

Alternatives to #0686ad

#0686ad Preview

Shades and Tints of #0686ad

Tones of #0686ad

Color Blindness Simulator