#0686aa hex color

In a RGB color space, hex #0686aa is composed of 2.4% red, 52.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 96.5% cyan, 21.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 193.2 degrees, a saturation of 93.2% and a lightness of 34.5%. #0686aa color hex could be obtained by blending #0cffff with #000d55. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 53
- B 67
RGB color chart
- C 96
- M 21
- Y 0
- K 33
CMYK color chart

● #0686aa color description : Dark cyan.

The hexadecimal color #0686aa has RGB values of R:6, G:134, B:170 and CMYK values of C:0.96, M:0.21, Y:0, K:0.33. Its decimal value is 427690.

Hex triplet	0686aa	`#0686aa`
RGB Decimal	6, 134, 170	`rgb(6,134,170)`
RGB Percent	2.4, 52.5, 66.7	`rgb(2.4%,52.5%,66.7%)`
CMYK	96, 21, 0, 33
HSL	193.2°, 93.2, 34.5	`hsl(193.2,93.2%,34.5%)`
HSV (or HSB)	193.2°, 96.5, 66.7
Web Safe	009999	`#009999`

CIE-LAB	51.825, -17.117, -27.543
XYZ	15.854, 19.99, 41.051
xyY	0.206, 0.26, 19.99
CIE-LCH	51.825, 32.428, 238.141
CIE-LUV	51.825, -35.934, -39.337
Hunter-Lab	44.71, -14.946, -23.141
Binary	00000110, 10000110, 10101010

#0686aa
```
#0686aa rgb(6,134,170)
```
#aa2a06
```
#aa2a06 rgb(170,42,6)
```

Complementary Color

#06aa7c
```
#06aa7c rgb(6,170,124)
```
#0686aa
```
#0686aa rgb(6,134,170)
```
#0634aa
```
#0634aa rgb(6,52,170)
```

Analogous Color

#aa7c06
```
#aa7c06 rgb(170,124,6)
```
#0686aa
```
#0686aa rgb(6,134,170)
```
#aa0634
```
#aa0634 rgb(170,6,52)
```

Split Complementary Color

#86aa06
```
#86aa06 rgb(134,170,6)
```
#0686aa
```
#0686aa rgb(6,134,170)
```
#aa0686
```
#aa0686 rgb(170,6,134)
```

Triadic Color

#06aa2a
```
#06aa2a rgb(6,170,42)
```
#0686aa
```
#0686aa rgb(6,134,170)
```
#aa0686
```
#aa0686 rgb(170,6,134)
```
#aa2a06
```
#aa2a06 rgb(170,42,6)
```

Tetradic Color

#034c60
```
#034c60 rgb(3,76,96)
```
#045f79
```
#045f79 rgb(4,95,121)
```
#057391
```
#057391 rgb(5,115,145)
```
#0686aa
```
#0686aa rgb(6,134,170)
```
#0799c3
```
#0799c3 rgb(7,153,195)
```
#08addb
```
#08addb rgb(8,173,219)
```
#09c0f4
```
#09c0f4 rgb(9,192,244)
```

Monochromatic Color

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

#06aaa5
```
#06aaa5 rgb(6,170,165)
```
#06a1aa
```
#06a1aa rgb(6,161,170)
```
#0694aa
```
#0694aa rgb(6,148,170)
```
#0686aa
```
#0686aa rgb(6,134,170)
```
#0678aa
```
#0678aa rgb(6,120,170)
```
#066baa
```
#066baa rgb(6,107,170)
```
#065daa
```
#065daa rgb(6,93,170)
```

Similar Colors

Text with hexadecimal color #0686aa

This text has a font color of #0686aa.

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

#0686aa background color

This paragraph has a background color of #0686aa.

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

#0686aa border color

This element has a border color of #0686aa.

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

CSS codes

.text {color:#0686aa;}

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

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

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, #010f12 is the darkest color, while #feffff is the lightest one.

#010f12
```
#010f12 rgb(1,15,18)
```
#011d25
```
#011d25 rgb(1,29,37)
```
#022c38
```
#022c38 rgb(2,44,56)
```
#033b4b
```
#033b4b rgb(3,59,75)
```
#034a5e
```
#034a5e rgb(3,74,94)
```
#045971
```
#045971 rgb(4,89,113)
```
#056884
```
#056884 rgb(5,104,132)
```
#057797
```
#057797 rgb(5,119,151)
```
#0686aa
```
#0686aa rgb(6,134,170)
```
#0795bd
```
#0795bd rgb(7,149,189)
```
#07a4d0
```
#07a4d0 rgb(7,164,208)
```
#08b3e3
```
#08b3e3 rgb(8,179,227)
```
#09c2f6
```
#09c2f6 rgb(9,194,246)
```

Shade Color Variation

#1bc7f7
```
#1bc7f7 rgb(27,199,247)
```
#2ecbf8
```
#2ecbf8 rgb(46,203,248)
```
#41d0f8
```
#41d0f8 rgb(65,208,248)
```
#54d5f9
```
#54d5f9 rgb(84,213,249)
```
#67d9fa
```
#67d9fa rgb(103,217,250)
```
#7adefa
```
#7adefa rgb(122,222,250)
```
#8de3fb
```
#8de3fb rgb(141,227,251)
```
#a0e7fc
```
#a0e7fc rgb(160,231,252)
```
#b3ecfc
```
#b3ecfc rgb(179,236,252)
```
#c6f1fd
```
#c6f1fd rgb(198,241,253)
```
#d9f6fe
```
#d9f6fe rgb(217,246,254)
```
#ecfafe
```
#ecfafe rgb(236,250,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#575859
```
#575859 rgb(87,88,89)
```
#505c60
```
#505c60 rgb(80,92,96)
```
#4a6066
```
#4a6066 rgb(74,96,102)
```
#43646d
```
#43646d rgb(67,100,109)
```
#3c6874
```
#3c6874 rgb(60,104,116)
```
#356b7b
```
#356b7b rgb(53,107,123)
```
#2f6f81
```
#2f6f81 rgb(47,111,129)
```
#287388
```
#287388 rgb(40,115,136)
```
#21778f
```
#21778f rgb(33,119,143)
```
#1a7b96
```
#1a7b96 rgb(26,123,150)
```
#147e9c
```
#147e9c rgb(20,126,156)
```
#0d82a3
```
#0d82a3 rgb(13,130,163)
```
#0686aa
```
#0686aa rgb(6,134,170)
```

Tone Color Variation

Below, you can see how #0686aa 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
#516b72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7780a6 Protanopia 1% of men
#6f81b2 Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#4e82a7 Protanomaly 1% of men, 0.01% of women
#4982af Deuteranomaly 6% of men, 0.4% of women
#028b9f Tritanomaly 0.01% of the population

#0686aa hex color

#0686aa Color Information

#0686aa Color Conversion

Color Schemes with #0686aa

Alternatives to #0686aa

#0686aa Preview

Shades and Tints of #0686aa

Tones of #0686aa

Color Blindness Simulator