#0686a1 hex color

In a RGB color space, hex #0686a1 is composed of 2.4% red, 52.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 16.8% magenta, 0% yellow and 36.9% black. It has a hue angle of 190.5 degrees, a saturation of 92.8% and a lightness of 32.7%. #0686a1 color hex could be obtained by blending #0cffff with #000d43. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 53
- B 63
RGB color chart
- C 96
- M 17
- Y 0
- K 37
CMYK color chart

● #0686a1 color description : Dark cyan.

The hexadecimal color #0686a1 has RGB values of R:6, G:134, B:161 and CMYK values of C:0.96, M:0.17, Y:0, K:0.37. Its decimal value is 427681.

Hex triplet	0686a1	`#0686a1`
RGB Decimal	6, 134, 161	`rgb(6,134,161)`
RGB Percent	2.4, 52.5, 63.1	`rgb(2.4%,52.5%,63.1%)`
CMYK	96, 17, 0, 37
HSL	190.5°, 92.8, 32.7	`hsl(190.5,92.8%,32.7%)`
HSV (or HSB)	190.5°, 96.3, 63.1
Web Safe	009999	`#009999`

CIE-LAB	51.451, -20.348, -22.916
XYZ	15.031, 19.661, 36.719
xyY	0.21, 0.275, 19.661
CIE-LCH	51.451, 30.646, 228.396
CIE-LUV	51.451, -36.598, -31.527
Hunter-Lab	44.34, -17.084, -18.061
Binary	00000110, 10000110, 10100001

#0686a1
```
#0686a1 rgb(6,134,161)
```
#a12106
```
#a12106 rgb(161,33,6)
```

Complementary Color

#06a16f
```
#06a16f rgb(6,161,111)
```
#0686a1
```
#0686a1 rgb(6,134,161)
```
#0638a1
```
#0638a1 rgb(6,56,161)
```

Analogous Color

#a16f06
```
#a16f06 rgb(161,111,6)
```
#0686a1
```
#0686a1 rgb(6,134,161)
```
#a10638
```
#a10638 rgb(161,6,56)
```

Split Complementary Color

#86a106
```
#86a106 rgb(134,161,6)
```
#0686a1
```
#0686a1 rgb(6,134,161)
```
#a10686
```
#a10686 rgb(161,6,134)
```

Triadic Color

#06a121
```
#06a121 rgb(6,161,33)
```
#0686a1
```
#0686a1 rgb(6,134,161)
```
#a10686
```
#a10686 rgb(161,6,134)
```
#a12106
```
#a12106 rgb(161,33,6)
```

Tetradic Color

#034957
```
#034957 rgb(3,73,87)
```
#045d70
```
#045d70 rgb(4,93,112)
```
#057288
```
#057288 rgb(5,114,136)
```
#0686a1
```
#0686a1 rgb(6,134,161)
```
#079aba
```
#079aba rgb(7,154,186)
```
#08afd2
```
#08afd2 rgb(8,175,210)
```
#09c3eb
```
#09c3eb rgb(9,195,235)
```

Monochromatic Color

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

#06a195
```
#06a195 rgb(6,161,149)
```
#06a0a1
```
#06a0a1 rgb(6,160,161)
```
#0693a1
```
#0693a1 rgb(6,147,161)
```
#0686a1
```
#0686a1 rgb(6,134,161)
```
#0679a1
```
#0679a1 rgb(6,121,161)
```
#066ca1
```
#066ca1 rgb(6,108,161)
```
#065fa1
```
#065fa1 rgb(6,95,161)
```

Similar Colors

Text with hexadecimal color #0686a1

This text has a font color of #0686a1.

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

#0686a1 background color

This paragraph has a background color of #0686a1.

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

#0686a1 border color

This element has a border color of #0686a1.

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

CSS codes

.text {color:#0686a1;}

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

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

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, #00080a is the darkest color, while #f6fdff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#01181d
```
#01181d rgb(1,24,29)
```
#022830
```
#022830 rgb(2,40,48)
```
#023742
```
#023742 rgb(2,55,66)
```
#034755
```
#034755 rgb(3,71,85)
```
#045768
```
#045768 rgb(4,87,104)
```
#05677b
```
#05677b rgb(5,103,123)
```
#05768e
```
#05768e rgb(5,118,142)
```
#0686a1
```
#0686a1 rgb(6,134,161)
```
#0796b4
```
#0796b4 rgb(7,150,180)
```
#07a5c7
```
#07a5c7 rgb(7,165,199)
```
#08b5da
```
#08b5da rgb(8,181,218)
```
#09c5ed
```
#09c5ed rgb(9,197,237)
```

Shade Color Variation

#13cff6
```
#13cff6 rgb(19,207,246)
```
#26d2f7
```
#26d2f7 rgb(38,210,247)
```
#39d6f8
```
#39d6f8 rgb(57,214,248)
```
#4cdaf8
```
#4cdaf8 rgb(76,218,248)
```
#5fdef9
```
#5fdef9 rgb(95,222,249)
```
#71e2fa
```
#71e2fa rgb(113,226,250)
```
#84e6fa
```
#84e6fa rgb(132,230,250)
```
#97eafb
```
#97eafb rgb(151,234,251)
```
#aaeefc
```
#aaeefc rgb(170,238,252)
```
#bdf1fd
```
#bdf1fd rgb(189,241,253)
```
#d0f5fd
```
#d0f5fd rgb(208,245,253)
```
#e3f9fe
```
#e3f9fe rgb(227,249,254)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#535454
```
#535454 rgb(83,84,84)
```
#4d585a
```
#4d585a rgb(77,88,90)
```
#465c61
```
#465c61 rgb(70,92,97)
```
#406067
```
#406067 rgb(64,96,103)
```
#39656e
```
#39656e rgb(57,101,110)
```
#336974
```
#336974 rgb(51,105,116)
```
#2d6d7a
```
#2d6d7a rgb(45,109,122)
```
#267181
```
#267181 rgb(38,113,129)
```
#207587
```
#207587 rgb(32,117,135)
```
#19798e
```
#19798e rgb(25,121,142)
```
#137e94
```
#137e94 rgb(19,126,148)
```
#0c829b
```
#0c829b rgb(12,130,155)
```
#0686a1
```
#0686a1 rgb(6,134,161)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#506a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#79809e Protanopia 1% of men
#747faa Deuteranopia 1% of men
#008e98 Tritanopia 0.001% of the population

Trichromacy

#4f829f Protanomaly 1% of men, 0.01% of women
#4c82a7 Deuteranomaly 6% of men, 0.4% of women
#028b9b Tritanomaly 0.01% of the population

#0686a1 hex color

#0686a1 Color Information

#0686a1 Color Conversion

Color Schemes with #0686a1

Alternatives to #0686a1

#0686a1 Preview

Shades and Tints of #0686a1

Tones of #0686a1

Color Blindness Simulator