#0686bf hex color

In a RGB color space, hex #0686bf is composed of 2.4% red, 52.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 29.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 198.5 degrees, a saturation of 93.9% and a lightness of 38.6%. #0686bf color hex could be obtained by blending #0cffff with #000d7f. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 53
- B 75
RGB color chart
- C 97
- M 30
- Y 0
- K 25
CMYK color chart

● #0686bf color description : Strong blue.

The hexadecimal color #0686bf has RGB values of R:6, G:134, B:191 and CMYK values of C:0.97, M:0.3, Y:0, K:0.25. Its decimal value is 427711.

Hex triplet	0686bf	`#0686bf`
RGB Decimal	6, 134, 191	`rgb(6,134,191)`
RGB Percent	2.4, 52.5, 74.9	`rgb(2.4%,52.5%,74.9%)`
CMYK	97, 30, 0, 25
HSL	198.5°, 93.9, 38.6	`hsl(198.5,93.9%,38.6%)`
HSV (or HSB)	198.5°, 96.9, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.784, -9.339, -38.101
XYZ	18.002, 20.849, 52.363
xyY	0.197, 0.229, 20.849
CIE-LCH	52.784, 39.229, 256.227
CIE-LUV	52.784, -34.467, -57.427
Hunter-Lab	45.66, -9.531, -36.031
Binary	00000110, 10000110, 10111111

#0686bf
```
#0686bf rgb(6,134,191)
```
#bf3f06
```
#bf3f06 rgb(191,63,6)
```

Complementary Color

#06bf9c
```
#06bf9c rgb(6,191,156)
```
#0686bf
```
#0686bf rgb(6,134,191)
```
#062abf
```
#062abf rgb(6,42,191)
```

Analogous Color

#bf9c06
```
#bf9c06 rgb(191,156,6)
```
#0686bf
```
#0686bf rgb(6,134,191)
```
#bf062a
```
#bf062a rgb(191,6,42)
```

Split Complementary Color

#86bf06
```
#86bf06 rgb(134,191,6)
```
#0686bf
```
#0686bf rgb(6,134,191)
```
#bf0686
```
#bf0686 rgb(191,6,134)
```

Triadic Color

#06bf3f
```
#06bf3f rgb(6,191,63)
```
#0686bf
```
#0686bf rgb(6,134,191)
```
#bf0686
```
#bf0686 rgb(191,6,134)
```
#bf3f06
```
#bf3f06 rgb(191,63,6)
```

Tetradic Color

#045275
```
#045275 rgb(4,82,117)
```
#04638e
```
#04638e rgb(4,99,142)
```
#0575a6
```
#0575a6 rgb(5,117,166)
```
#0686bf
```
#0686bf rgb(6,134,191)
```
#0797d8
```
#0797d8 rgb(7,151,216)
```
#08a9f0
```
#08a9f0 rgb(8,169,240)
```
#1ab3f8
```
#1ab3f8 rgb(26,179,248)
```

Monochromatic Color

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

#06b4bf
```
#06b4bf rgb(6,180,191)
```
#06a5bf
```
#06a5bf rgb(6,165,191)
```
#0695bf
```
#0695bf rgb(6,149,191)
```
#0686bf
```
#0686bf rgb(6,134,191)
```
#0677bf
```
#0677bf rgb(6,119,191)
```
#0667bf
```
#0667bf rgb(6,103,191)
```
#0658bf
```
#0658bf rgb(6,88,191)
```

Similar Colors

Text with hexadecimal color #0686bf

This text has a font color of #0686bf.

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

#0686bf background color

This paragraph has a background color of #0686bf.

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

#0686bf border color

This element has a border color of #0686bf.

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

CSS codes

.text {color:#0686bf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010e14
```
#010e14 rgb(1,14,20)
```
#011b27
```
#011b27 rgb(1,27,39)
```
#02293a
```
#02293a rgb(2,41,58)
```
#02364d
```
#02364d rgb(2,54,77)
```
#034360
```
#034360 rgb(3,67,96)
```
#045173
```
#045173 rgb(4,81,115)
```
#045e86
```
#045e86 rgb(4,94,134)
```
#056b99
```
#056b99 rgb(5,107,153)
```
#0579ac
```
#0579ac rgb(5,121,172)
```
#0686bf
```
#0686bf rgb(6,134,191)
```
#0793d2
```
#0793d2 rgb(7,147,210)
```
#07a1e5
```
#07a1e5 rgb(7,161,229)
```

Shade Color Variation

#09aef7
```
#09aef7 rgb(9,174,247)
```
#1cb4f8
```
#1cb4f8 rgb(28,180,248)
```
#2fbaf8
```
#2fbaf8 rgb(47,186,248)
```
#42c1f9
```
#42c1f9 rgb(66,193,249)
```
#55c7fa
```
#55c7fa rgb(85,199,250)
```
#68cdfa
```
#68cdfa rgb(104,205,250)
```
#7bd3fb
```
#7bd3fb rgb(123,211,251)
```
#8edafb
```
#8edafb rgb(142,218,251)
```
#a1e0fc
```
#a1e0fc rgb(161,224,252)
```
#b4e6fd
```
#b4e6fd rgb(180,230,253)
```
#c7ecfd
```
#c7ecfd rgb(199,236,253)
```
#daf3fe
```
#daf3fe rgb(218,243,254)
```
#edf9fe
```
#edf9fe rgb(237,249,254)
```

Tint Color Variation

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

#616364
```
#616364 rgb(97,99,100)
```
#59666c
```
#59666c rgb(89,102,108)
```
#526973
```
#526973 rgb(82,105,115)
```
#4a6c7b
```
#4a6c7b rgb(74,108,123)
```
#436f82
```
#436f82 rgb(67,111,130)
```
#3b728a
```
#3b728a rgb(59,114,138)
```
#337592
```
#337592 rgb(51,117,146)
```
#2c7799
```
#2c7799 rgb(44,119,153)
```
#247aa1
```
#247aa1 rgb(36,122,161)
```
#1d7da8
```
#1d7da8 rgb(29,125,168)
```
#1580b0
```
#1580b0 rgb(21,128,176)
```
#0e83b7
```
#0e83b7 rgb(14,131,183)
```
#0686bf
```
#0686bf rgb(6,134,191)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#536c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7082bb Protanopia 1% of men
#6084c5 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#4983bc Protanomaly 1% of men, 0.01% of women
#3f85c3 Deuteranomaly 6% of men, 0.4% of women
#028da8 Tritanomaly 0.01% of the population

#0686bf hex color

#0686bf Color Information

#0686bf Color Conversion

Color Schemes with #0686bf

Alternatives to #0686bf

#0686bf Preview

Shades and Tints of #0686bf

Tones of #0686bf

Color Blindness Simulator