#686f86 hex color

In a RGB color space, hex #686f86 is composed of 40.8% red, 43.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 17.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 226 degrees, a saturation of 12.6% and a lightness of 46.7%. #686f86 color hex could be obtained by blending #d0deff with #00000d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 44
- B 53
RGB color chart
- C 22
- M 17
- Y 0
- K 47
CMYK color chart

● #686f86 color description : Dark grayish blue.

The hexadecimal color #686f86 has RGB values of R:104, G:111, B:134 and CMYK values of C:0.22, M:0.17, Y:0, K:0.47. Its decimal value is 6844294.

Hex triplet	686f86	`#686f86`
RGB Decimal	104, 111, 134	`rgb(104,111,134)`
RGB Percent	40.8, 43.5, 52.5	`rgb(40.8%,43.5%,52.5%)`
CMYK	22, 17, 0, 47
HSL	226°, 12.6, 46.7	`hsl(226,12.6%,46.7%)`
HSV (or HSB)	226°, 22.4, 52.5
Web Safe	666699	`#666699`

CIE-LAB	47.018, 2.687, -13.524
XYZ	15.696, 16.033, 24.821
xyY	0.278, 0.284, 16.033
CIE-LCH	47.018, 13.788, 281.239
CIE-LUV	47.018, -4.869, -19.52
Hunter-Lab	40.041, -0.102, -8.724
Binary	01101000, 01101111, 10000110

#686f86
```
#686f86 rgb(104,111,134)
```
#867f68
```
#867f68 rgb(134,127,104)
```

Complementary Color

#687e86
```
#687e86 rgb(104,126,134)
```
#686f86
```
#686f86 rgb(104,111,134)
```
#706886
```
#706886 rgb(112,104,134)
```

Analogous Color

#7e8668
```
#7e8668 rgb(126,134,104)
```
#686f86
```
#686f86 rgb(104,111,134)
```
#867068
```
#867068 rgb(134,112,104)
```

Split Complementary Color

#6f8668
```
#6f8668 rgb(111,134,104)
```
#686f86
```
#686f86 rgb(104,111,134)
```
#86686f
```
#86686f rgb(134,104,111)
```

Triadic Color

#68867f
```
#68867f rgb(104,134,127)
```
#686f86
```
#686f86 rgb(104,111,134)
```
#86686f
```
#86686f rgb(134,104,111)
```
#867f68
```
#867f68 rgb(134,127,104)
```

Tetradic Color

#474b5b
```
#474b5b rgb(71,75,91)
```
#525769
```
#525769 rgb(82,87,105)
```
#5d6378
```
#5d6378 rgb(93,99,120)
```
#686f86
```
#686f86 rgb(104,111,134)
```
#747b93
```
#747b93 rgb(116,123,147)
```
#83899e
```
#83899e rgb(131,137,158)
```
#9197aa
```
#9197aa rgb(145,151,170)
```

Monochromatic Color

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

#687786
```
#687786 rgb(104,119,134)
```
#687486
```
#687486 rgb(104,116,134)
```
#687286
```
#687286 rgb(104,114,134)
```
#686f86
```
#686f86 rgb(104,111,134)
```
#686d86
```
#686d86 rgb(104,109,134)
```
#686a86
```
#686a86 rgb(104,106,134)
```
#696886
```
#696886 rgb(105,104,134)
```

Similar Colors

Text with hexadecimal color #686f86

This text has a font color of #686f86.

<span style="color:#686f86;">Text here</span>

#686f86 background color

This paragraph has a background color of #686f86.

<p style="background-color:#686f86;">Content here</p>

#686f86 border color

This element has a border color of #686f86.

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

CSS codes

.text {color:#686f86;}

.background {background-color:#686f86;}

.border {border:1px solid #686f86;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0d
```
#0a0a0d rgb(10,10,13)
```
#121418
```
#121418 rgb(18,20,24)
```
#1b1d23
```
#1b1d23 rgb(27,29,35)
```
#23262e
```
#23262e rgb(35,38,46)
```
#2c2f39
```
#2c2f39 rgb(44,47,57)
```
#353844
```
#353844 rgb(53,56,68)
```
#3d414f
```
#3d414f rgb(61,65,79)
```
#464a5a
```
#464a5a rgb(70,74,90)
```
#4e5465
```
#4e5465 rgb(78,84,101)
```
#575d70
```
#575d70 rgb(87,93,112)
```
#5f667b
```
#5f667b rgb(95,102,123)
```
#686f86
```
#686f86 rgb(104,111,134)
```

Shade Color Variation

#717891
```
#717891 rgb(113,120,145)
```
#7c8399
```
#7c8399 rgb(124,131,153)
```
#878da2
```
#878da2 rgb(135,141,162)
```
#9298aa
```
#9298aa rgb(146,152,170)
```
#9da2b3
```
#9da2b3 rgb(157,162,179)
```
#a8adbc
```
#a8adbc rgb(168,173,188)
```
#b3b7c4
```
#b3b7c4 rgb(179,183,196)
```
#bec2cd
```
#bec2cd rgb(190,194,205)
```
#c9ccd5
```
#c9ccd5 rgb(201,204,213)
```
#d4d7de
```
#d4d7de rgb(212,215,222)
```
#dfe1e6
```
#dfe1e6 rgb(223,225,230)
```
#eaebef
```
#eaebef rgb(234,235,239)
```
#f5f6f8
```
#f5f6f8 rgb(245,246,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71747d is the less saturated color, while #0339eb is the most saturated one.

#71747d
```
#71747d rgb(113,116,125)
```
#686f86
```
#686f86 rgb(104,111,134)
```
#5f6a8f
```
#5f6a8f rgb(95,106,143)
```
#566598
```
#566598 rgb(86,101,152)
```
#4d60a1
```
#4d60a1 rgb(77,96,161)
```
#435bab
```
#435bab rgb(67,91,171)
```
#3a57b4
```
#3a57b4 rgb(58,87,180)
```
#3152bd
```
#3152bd rgb(49,82,189)
```
#284dc6
```
#284dc6 rgb(40,77,198)
```
#1f48cf
```
#1f48cf rgb(31,72,207)
```
#1643d8
```
#1643d8 rgb(22,67,216)
```
#0c3ee2
```
#0c3ee2 rgb(12,62,226)
```
#0339eb
```
#0339eb rgb(3,57,235)
```

Tone Color Variation

Below, you can see how #686f86 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

#707070 Achromatopsia 0.005% of the population
#6e7074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72758b Protanopia 1% of men
#76748c Deuteranopia 1% of men
#6d7881 Tritanopia 0.001% of the population

Trichromacy

#6e7389 Protanomaly 1% of men, 0.01% of women
#71728a Deuteranomaly 6% of men, 0.4% of women
#6b7582 Tritanomaly 0.01% of the population

#686f86 hex color

#686f86 Color Information

#686f86 Color Conversion

Color Schemes with #686f86

Alternatives to #686f86

#686f86 Preview

Shades and Tints of #686f86

Tones of #686f86

Color Blindness Simulator