#0686af hex color

In a RGB color space, hex #0686af is composed of 2.4% red, 52.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 96.6% cyan, 23.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 194.6 degrees, a saturation of 93.4% and a lightness of 35.5%. #0686af color hex could be obtained by blending #0cffff with #000d5f. Closest websafe color is: #009999.

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

● #0686af color description : Dark cyan.

The hexadecimal color #0686af has RGB values of R:6, G:134, B:175 and CMYK values of C:0.97, M:0.23, Y:0, K:0.31. Its decimal value is 427695.

Hex triplet	0686af	`#0686af`
RGB Decimal	6, 134, 175	`rgb(6,134,175)`
RGB Percent	2.4, 52.5, 68.6	`rgb(2.4%,52.5%,68.6%)`
CMYK	97, 23, 0, 31
HSL	194.6°, 93.4, 35.5	`hsl(194.6,93.4%,35.5%)`
HSV (or HSB)	194.6°, 96.6, 68.6
Web Safe	009999	`#009999`

CIE-LAB	52.043, -15.292, -30.087
XYZ	16.336, 20.182, 43.59
xyY	0.204, 0.252, 20.182
CIE-LCH	52.043, 33.75, 243.058
CIE-LUV	52.043, -35.573, -43.669
Hunter-Lab	44.925, -13.711, -26.08
Binary	00000110, 10000110, 10101111

#0686af
```
#0686af rgb(6,134,175)
```
#af2f06
```
#af2f06 rgb(175,47,6)
```

Complementary Color

#06af84
```
#06af84 rgb(6,175,132)
```
#0686af
```
#0686af rgb(6,134,175)
```
#0632af
```
#0632af rgb(6,50,175)
```

Analogous Color

#af8406
```
#af8406 rgb(175,132,6)
```
#0686af
```
#0686af rgb(6,134,175)
```
#af0632
```
#af0632 rgb(175,6,50)
```

Split Complementary Color

#86af06
```
#86af06 rgb(134,175,6)
```
#0686af
```
#0686af rgb(6,134,175)
```
#af0686
```
#af0686 rgb(175,6,134)
```

Triadic Color

#06af2f
```
#06af2f rgb(6,175,47)
```
#0686af
```
#0686af rgb(6,134,175)
```
#af0686
```
#af0686 rgb(175,6,134)
```
#af2f06
```
#af2f06 rgb(175,47,6)
```

Tetradic Color

#034d65
```
#034d65 rgb(3,77,101)
```
#04607e
```
#04607e rgb(4,96,126)
```
#057396
```
#057396 rgb(5,115,150)
```
#0686af
```
#0686af rgb(6,134,175)
```
#0799c8
```
#0799c8 rgb(7,153,200)
```
#08ace0
```
#08ace0 rgb(8,172,224)
```
#0bbdf7
```
#0bbdf7 rgb(11,189,247)
```

Monochromatic Color

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

#06afae
```
#06afae rgb(6,175,174)
```
#06a2af
```
#06a2af rgb(6,162,175)
```
#0694af
```
#0694af rgb(6,148,175)
```
#0686af
```
#0686af rgb(6,134,175)
```
#0678af
```
#0678af rgb(6,120,175)
```
#066aaf
```
#066aaf rgb(6,106,175)
```
#065caf
```
#065caf rgb(6,92,175)
```

Similar Colors

Text with hexadecimal color #0686af

This text has a font color of #0686af.

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

#0686af background color

This paragraph has a background color of #0686af.

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

#0686af border color

This element has a border color of #0686af.

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

CSS codes

.text {color:#0686af;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011217
```
#011217 rgb(1,18,23)
```
#01202a
```
#01202a rgb(1,32,42)
```
#022f3d
```
#022f3d rgb(2,47,61)
```
#033d50
```
#033d50 rgb(3,61,80)
```
#034c63
```
#034c63 rgb(3,76,99)
```
#045a76
```
#045a76 rgb(4,90,118)
```
#056989
```
#056989 rgb(5,105,137)
```
#05779c
```
#05779c rgb(5,119,156)
```
#0686af
```
#0686af rgb(6,134,175)
```
#0795c2
```
#0795c2 rgb(7,149,194)
```
#07a3d5
```
#07a3d5 rgb(7,163,213)
```
#08b2e8
```
#08b2e8 rgb(8,178,232)
```

Shade Color Variation

#0dbef7
```
#0dbef7 rgb(13,190,247)
```
#20c3f7
```
#20c3f7 rgb(32,195,247)
```
#33c8f8
```
#33c8f8 rgb(51,200,248)
```
#46cdf9
```
#46cdf9 rgb(70,205,249)
```
#59d2f9
```
#59d2f9 rgb(89,210,249)
```
#6cd7fa
```
#6cd7fa rgb(108,215,250)
```
#7fddfb
```
#7fddfb rgb(127,221,251)
```
#92e2fb
```
#92e2fb rgb(146,226,251)
```
#a4e7fc
```
#a4e7fc rgb(164,231,252)
```
#b7ecfd
```
#b7ecfd rgb(183,236,253)
```
#caf1fd
```
#caf1fd rgb(202,241,253)
```
#ddf6fe
```
#ddf6fe rgb(221,246,254)
```
#f0fbfe
```
#f0fbfe rgb(240,251,254)
```

Tint Color Variation

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

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#535f62
```
#535f62 rgb(83,95,98)
```
#4c6269
```
#4c6269 rgb(76,98,105)
```
#456670
```
#456670 rgb(69,102,112)
```
#3e6977
```
#3e6977 rgb(62,105,119)
```
#376d7e
```
#376d7e rgb(55,109,126)
```
#307085
```
#307085 rgb(48,112,133)
```
#29748c
```
#29748c rgb(41,116,140)
```
#227893
```
#227893 rgb(34,120,147)
```
#1b7b9a
```
#1b7b9a rgb(27,123,154)
```
#147fa1
```
#147fa1 rgb(20,127,161)
```
#0d82a8
```
#0d82a8 rgb(13,130,168)
```
#0686af
```
#0686af rgb(6,134,175)
```

Tone Color Variation

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

#7681ab Protanopia 1% of men
#6c81b7 Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#4d83ac Protanomaly 1% of men, 0.01% of women
#4783b4 Deuteranomaly 6% of men, 0.4% of women
#028ca1 Tritanomaly 0.01% of the population

#0686af hex color

#0686af Color Information

#0686af Color Conversion

Color Schemes with #0686af

Alternatives to #0686af

#0686af Preview

Shades and Tints of #0686af

Tones of #0686af

Color Blindness Simulator